From e833b650aca064dc5a202acd882a308127cc3910 Mon Sep 17 00:00:00 2001 From: frosty Date: Wed, 21 Jan 2026 16:01:48 -0500 Subject: fixed mobile ui up a bit :3 --- static/main.css | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) (limited to 'static') diff --git a/static/main.css b/static/main.css index 6a484a6..d22965e 100644 --- a/static/main.css +++ b/static/main.css @@ -38,10 +38,15 @@ body { } .view-home .container { - width:100%; - max-width:580px; - text-align:center; + width: 100%; + max-width: 580px; + margin: 0 auto; + text-align: center; + display: flex; + flex-direction: column; + align-items: center; } + .view-home .hero-logo { font-size:4.5rem; margin-bottom:30px; @@ -49,13 +54,16 @@ body { font-weight:800; } .view-home .search-input-wrapper { - margin-bottom:24px; + width: 100%; + margin-bottom: 24px; } + .view-home .search-box { font-size:1.1rem; padding:16px 28px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06); } + .view-home .buttons { display:flex; gap:12px; @@ -118,6 +126,7 @@ h1 span { outline: none; transition: border-color 0.2s, box-shadow 0.2s; } + .search-box:focus { border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-glow); @@ -358,6 +367,16 @@ h1 span { padding:12px 16px; width:91vw; } + + .view-home .search-box { + width: 75vw; + } + + .view-home { + padding-top: 20vh; + align-items: flex-start; + } + .search-form { width:100%; } @@ -373,3 +392,4 @@ h1 span { } +} \ No newline at end of file -- cgit v1.2.3