smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-04-18 15:31:17 -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
Show stats 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 {
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 {
@ -32,9 +37,9 @@ button {
align-items: center;
}
.navbar ul {
display: flex;
gap: 20px;
.navbar .header {
font-size: 2.6rem;
font-weight: 900;
}
.content {
@ -63,7 +68,7 @@ button {
}
.modal {
display: flex;
/* display: flex; */
flex-direction: column;
min-height: 43vh;
min-width: 20vw;
@ -83,9 +88,13 @@ button {
}
.form-header {
margin-top: 10px;
display: flex;
justify-content: space-around;
justify-content: space-between;
}
.form-header h1 {
font-size: 1.7rem;
align-self: center;
}
.form-item {

2
library/js/script.js
View file

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