diff options
| author | Ben Sima <ben@bsima.me> | 2025-11-12 16:21:04 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bsima.me> | 2025-11-12 16:21:04 -0500 |
| commit | 54aff58650d9ade97cabf4d154dea114a6a8a313 (patch) | |
| tree | 380e070bc9f0f6e67387dc6cd3fa7920ea6648df /Biz/PodcastItLater/UI.py | |
| parent | fc7315d007eb38defb21834b476462935235ce69 (diff) | |
Make navbar collapsible on mobile with toggler
- Add hamburger toggle button positioned on right side - Navbar
collapses on small screens (< lg breakpoint) - Mobile view shows
vertically stacked elements:
- Logged in as: email - Free: X articles left [Upgrade Now] (free
users) - Billing (paid users only) - Admin Queue (admins only)
- Logout
- Remove 'Plan: Pro' text for paid users (just show Billing button)
- Add rounded corners to navbar with 'rounded' class - Remove 1px
bottom border in dark mode - Toggle controlled by Bootstrap's collapse
component
Diffstat (limited to 'Biz/PodcastItLater/UI.py')
| -rw-r--r-- | Biz/PodcastItLater/UI.py | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/Biz/PodcastItLater/UI.py b/Biz/PodcastItLater/UI.py index 1a70c49..940abd5 100644 --- a/Biz/PodcastItLater/UI.py +++ b/Biz/PodcastItLater/UI.py @@ -49,8 +49,7 @@ def create_auto_dark_mode_style() -> html.style: /* Navbar dark mode */ .navbar.bg-body-tertiary { - background-color: #2b3035 !important; - border-bottom: 1px solid #495057; + background-color: #2b3035 !important; } .navbar .navbar-text { |