diff options
| author | Ben Sima <ben@bsima.me> | 2025-11-13 15:18:14 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bsima.me> | 2025-11-13 15:18:14 -0500 |
| commit | 9b9d38440b2390ad8d0ec47dba0891f5ce91565f (patch) | |
| tree | cb564a42bff7b0780e391756ff5d5363755c59c7 /Biz | |
| parent | 902ac8963023928169937e93f311c66626d0cfcf (diff) | |
Simplify navbar to clean nav links
- Remove 'Logged in as' user email display - Convert button-styled
links to standard Bootstrap nav-link style - Left-align navigation
links (removed me-auto from wrapper) - Remove logout button from navbar
(will be in account page) - Use proper ul/li structure for navbar items
The navbar is now cleaner and follows Bootstrap navbar conventions.
Amp-Thread-ID:
https://ampcode.com/threads/T-8edacbeb-b343-49ca-b524-1c999272acb6
Co-authored-by: Amp <amp@ampcode.com>
Diffstat (limited to 'Biz')
| -rw-r--r-- | Biz/PodcastItLater/Web.py | 65 |
1 files changed, 12 insertions, 53 deletions
diff --git a/Biz/PodcastItLater/Web.py b/Biz/PodcastItLater/Web.py index 525976c..71970cd 100644 --- a/Biz/PodcastItLater/Web.py +++ b/Biz/PodcastItLater/Web.py @@ -758,23 +758,9 @@ class HomePage(Component[AnyChildren, HomePageAttrs]): ), # Collapsible content html.div( - # User email - html.div( - html.span( - html.strong("Logged in as: "), - user["email"], - classes=["navbar-text"], - ), - classes=[ - "navbar-nav", - "me-auto", - "mb-2", - "mb-lg-0", - ], - ), - # Action buttons - html.div( - html.div( + # Navigation links + html.ul( + html.li( html.a( html.i( classes=[ @@ -785,15 +771,11 @@ class HomePage(Component[AnyChildren, HomePageAttrs]): ), "Manage Account", href="/account", - classes=[ - "btn", - "btn-outline-secondary", - "btn-sm", - "me-2", - "mb-2", - "mb-lg-0", - ], + classes=["nav-link"], ), + classes=["nav-item"], + ), + html.li( html.a( html.i( classes=[ @@ -804,35 +786,12 @@ class HomePage(Component[AnyChildren, HomePageAttrs]): ), "Admin Queue", href="/admin", - classes=[ - "btn", - "btn-outline-primary", - "btn-sm", - "me-2", - "mb-2", - "mb-lg-0", - ], - ) - if Core.is_admin(user) - else html.span(), - html.a( - html.i( - classes=[ - "bi", - "bi-box-arrow-right", - "me-1", - ], - ), - "Logout", - href="/logout", - classes=[ - "btn", - "btn-outline-danger", - "btn-sm", - ], + classes=["nav-link"], ), - classes=["d-flex", "flex-wrap"], - ), + classes=["nav-item"], + ) + if Core.is_admin(user) + else html.span(), classes=["navbar-nav"], ), id="navbarNav", |