counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pretty modal hell yeah

Browse source
This commit is contained in:
counterweight 2025-03-04 17:32:03 +01:00
parent 0f889f6361
commit 98faeb2f1b
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
4 changed files with 221 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/public/css/seca.css
View file

@ -13,7 +13,6 @@
}
.button-medium {
height: 3em;
padding: 0.5em 1em;
border-radius: 10px;
}
@ -37,7 +36,6 @@
}
.button-medium {
height: 3em;
padding: 1em;
border-radius: 10px;
}
@ -118,6 +116,34 @@ h1 {
height: 50px;
}
.full-screen-modal-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.full-screen-modal-background.shown {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.full-screen-modal {
background-color: white;
border-radius: 20px;
padding: 10px;
width: fit-content;
max-width: 95%;
margin: 20px auto;
}
.button-group button {
border: 0;
padding: 1em;
@ -197,6 +223,19 @@ h1 {
cursor: default;
}
.button-secondary {
background: white;
border: 0;
color: #e1c300;
cursor: pointer;
border: 3px solid #e1c300;
transition: all 0.5 ease-in-out;
}
.button-secondary:hover {
font-weight: bold;
}
.button-large {
font-weight: bold;
font-size: 1.5em;