From c59ddfe29b6bb1449f424435bf080976c560ef5b Mon Sep 17 00:00:00 2001 From: chris Date: Tue, 9 Dec 2025 11:23:21 -0500 Subject: [PATCH] Adjust footer breakpoints and sizing --- assets/style.css | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/assets/style.css b/assets/style.css index e5af174..909e061 100644 --- a/assets/style.css +++ b/assets/style.css @@ -311,8 +311,8 @@ button:active { transform: scale(0.97); box-shadow: none; } position: fixed; left: 0; right: 0; - bottom: -115px; - height: clamp(700px, 24vh, 850px); + bottom: -180px; + height: clamp(760px, 1200px, 1200px); background: url('textures/mushroom.svg') no-repeat center bottom; background-size: cover; opacity: 0.65; @@ -323,11 +323,22 @@ button:active { transform: scale(0.97); box-shadow: none; } @media (max-width: 768px) { .footer-bg { - bottom: 0; + bottom: -40px; 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 */ .swal-overlay { position: fixed;