smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-06-28 04:45:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: more styling

Browse source
This commit is contained in:
Smigz 2023-11-22 00:12:19 -05:00
parent 068639b1fc
commit b4cc28cb40
2 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
library/css/style.css
View file

@ -13,6 +13,11 @@ body, html {
button { button {
font-size: 1.3rem; font-size: 1.3rem;
font-family: inherit;
}
dialog {
box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
} }
.container { .container {
@ -32,9 +37,9 @@ button {
align-items: center; align-items: center;
} }
.navbar ul { .navbar .header {
display: flex; font-size: 2.6rem;
gap: 20px; font-weight: 900;
} }
.content { .content {
@ -63,7 +68,7 @@ button {
} }
.modal { .modal {
display: flex; /* display: flex; */
flex-direction: column; flex-direction: column;
min-height: 43vh; min-height: 43vh;
min-width: 20vw; min-width: 20vw;
@ -83,9 +88,13 @@ button {
} }
.form-header { .form-header {
margin-top: 10px;
display: flex; display: flex;
justify-content: space-around; justify-content: space-between;
}
.form-header h1 {
font-size: 1.7rem;
align-self: center;
} }
.form-item { .form-item {

2
library/js/script.js
View file

@ -98,6 +98,8 @@ submitButton.addEventListener('click', event => {
addBookToLibrary(newBook); addBookToLibrary(newBook);
displayBooks(myLibrary); displayBooks(myLibrary);
event.preventDefault(); event.preventDefault();
dialog.close();
}); });
addBookButton.addEventListener('click', () => { addBookButton.addEventListener('click', () => {