From 8834feb5a10a540a4cd7554a984b4b4c94b6cd49 Mon Sep 17 00:00:00 2001 From: Jordan Walster Date: Mon, 8 Jun 2026 23:57:48 +0100 Subject: [PATCH] feat: shift pages to bottom toolbar on mobile --- web/admin.html | 76 +++++++++++++++-------------------- web/assets/css/dashboard.css | 44 +++++++++++++++++++-- web/attendees.html | 77 +++++++++++++++--------------------- web/delivery-log.html | 65 +++++++++++++----------------- web/index.html | 65 +++++++++++++----------------- web/schedule.html | 65 +++++++++++++----------------- web/send-now.html | 67 +++++++++++++------------------ web/templates.html | 65 +++++++++++++----------------- 8 files changed, 240 insertions(+), 284 deletions(-) diff --git a/web/admin.html b/web/admin.html index 091899d..22c7e6a 100644 --- a/web/admin.html +++ b/web/admin.html @@ -14,51 +14,13 @@ - -
- - Admin -
+ +
+ Admin + User +
- -
-
-
- SMS Dashboard -
- -
-
- -
-
- - +
IMFestival SMS Dashboard @@ -375,6 +337,32 @@ loadAdmin(); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') loadAdmin(); }); + diff --git a/web/assets/css/dashboard.css b/web/assets/css/dashboard.css index c0f125d..bbdf1de 100644 --- a/web/assets/css/dashboard.css +++ b/web/assets/css/dashboard.css @@ -112,6 +112,41 @@ body { opacity: 1; } +/* ── Bottom nav (mobile) ── */ +.bottom-nav { + display: none; + position: fixed; + bottom: 0; left: 0; right: 0; + background: var(--bg-surface); + border-top: 1px solid var(--border); + z-index: 1040; + padding-bottom: env(safe-area-inset-bottom); +} + +.bottom-nav a { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 0.2rem; + padding: 0.55rem 0.25rem; + color: var(--text-muted); + text-decoration: none; + font-size: 0.68rem; + min-width: 0; + transition: color 0.15s; +} + +.bottom-nav a i { + font-size: 1.15rem; +} + +.bottom-nav a.active, +.bottom-nav a:hover { + color: var(--accent); +} + /* ── Top bar (mobile) ── */ .topbar { display: none; @@ -408,13 +443,14 @@ body { /* ── Responsive ── */ @media (max-width: 767.98px) { - .sidebar { display: none; } - .topbar { display: flex; padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); } - .main { + .sidebar { display: none; } + .bottom-nav { display: flex; } + .topbar { display: flex; padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); } + .main { margin-left: 0; padding-top: 1rem; padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); - padding-bottom: max(2rem, env(safe-area-inset-bottom)); + padding-bottom: calc(4rem + max(0.5rem, env(safe-area-inset-bottom))); } } diff --git a/web/attendees.html b/web/attendees.html index 72954df..3f5966c 100644 --- a/web/attendees.html +++ b/web/attendees.html @@ -16,52 +16,13 @@ - -
- - Attendees -
+ +
+ Attendees + User +
- - - - +
IMFestival SMS Dashboard @@ -765,6 +726,32 @@ checkAuth(); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') checkAuth(); }); + diff --git a/web/delivery-log.html b/web/delivery-log.html index 52dcda4..5529a86 100644 --- a/web/delivery-log.html +++ b/web/delivery-log.html @@ -17,45 +17,8 @@
- Delivery Log -
- - -
-
-
- IMFestival SMS Dashboard -
- -
-
- -
+ User
@@ -274,6 +237,32 @@ checkAuth(); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') checkAuth(); }); + diff --git a/web/index.html b/web/index.html index 286fee0..426856c 100644 --- a/web/index.html +++ b/web/index.html @@ -16,45 +16,8 @@
- SMS Dashboard -
- - -
-
-
- IMFestival SMS Dashboard -
- -
-
- -
+ User
@@ -355,6 +318,32 @@ checkAuth(); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') checkAuth(); }); + diff --git a/web/schedule.html b/web/schedule.html index 4248f11..87c787c 100644 --- a/web/schedule.html +++ b/web/schedule.html @@ -31,45 +31,8 @@
- Schedule -
- - -
-
-
- IMFestival SMS Dashboard -
- -
-
- -
+ User
@@ -532,6 +495,32 @@ } checkApiKey(); + diff --git a/web/send-now.html b/web/send-now.html index c70d5b0..54b4762 100644 --- a/web/send-now.html +++ b/web/send-now.html @@ -17,45 +17,8 @@
- - SMS Dashboard -
- - -
-
-
- IMFestival SMS Dashboard -
- -
-
- -
+ Send SMS Now + User
@@ -401,6 +364,32 @@ } checkApiKey(); + diff --git a/web/templates.html b/web/templates.html index 2a8a191..a1e43b7 100644 --- a/web/templates.html +++ b/web/templates.html @@ -17,45 +17,8 @@
- SMS Templates -
- - - @@ -312,6 +275,32 @@ checkAuth(); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') checkAuth(); }); +