chris/toadstoolTally
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust footer breakpoints and sizing

Browse Source
This commit is contained in:
chris 2025-12-09 11:23:21 -05:00
parent 176b4a11c2
commit c59ddfe29b
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/style.css
View File

@ -311,8 +311,8 @@ button:active { transform: scale(0.97); box-shadow: none; }
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
bottom: -115px; bottom: -180px;
height: clamp(700px, 24vh, 850px); height: clamp(760px, 1200px, 1200px);
background: url('textures/mushroom.svg') no-repeat center bottom; background: url('textures/mushroom.svg') no-repeat center bottom;
background-size: cover; background-size: cover;
opacity: 0.65; opacity: 0.65;
@ -323,11 +323,22 @@ button:active { transform: scale(0.97); box-shadow: none; }
@media (max-width: 768px) { @media (max-width: 768px) {
.footer-bg { .footer-bg {
bottom: 0; bottom: -40px;
height: clamp(260px, 24vh, 450px); height: clamp(260px, 24vh, 450px);
} }
} }
@media (max-width: 1024px) and (min-width: 769px) {
.container {
padding: 1.5rem 1.25rem calc(140px + env(safe-area-inset-bottom, 0px));
}
.footer-bg {
height: clamp(300px, 28vh, 480px);
bottom: -180px;
}
}
/* Sweet-ish alerts */ /* Sweet-ish alerts */
.swal-overlay { .swal-overlay {
position: fixed; position: fixed;