From d4fecafe5a1d8fe12f726bb5b680025789431ec9 Mon Sep 17 00:00:00 2001 From: Joshua Laymon Date: Sat, 16 Aug 2025 04:16:44 +0000 Subject: [PATCH] Update web/templates/base.html --- web/templates/base.html | 105 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 95 insertions(+), 10 deletions(-) diff --git a/web/templates/base.html b/web/templates/base.html index 99d3117..e75a59b 100644 --- a/web/templates/base.html +++ b/web/templates/base.html @@ -32,28 +32,66 @@ .msg.warning{border-color:#fde68a; background:#fffbeb} .msg.error{border-color:#fecaca; background:#fef2f2} @media (max-width:780px){ .topbar{gap:10px; padding:12px 12px} .nav-right{gap:8px} .nav-btn{padding:8px 10px} } + + /* --- additions for mobile hamburger --- */ + .hamburger { display:none; } + .mobile-menu[hidden]{ display:none; } + + @media (max-width:700px){ + .desktop-nav { display:none; } /* hide the right-side buttons on phones */ + + .hamburger{ + display:inline-flex; + width:38px; height:34px; + align-items:center; justify-content:center; + border:1px solid var(--nav-border); + border-radius:10px; + background:var(--btn-bg); + cursor:pointer; + } + .hamburger span{ + display:block; + width:20px; height:2px; margin:2px 0; + background:var(--nav-ink); + border-radius:2px; + } + + .mobile-menu{ + position:absolute; top:56px; right:16px; left:16px; z-index:50; + } + .mobile-menu-inner{ + background:#fff; border:1px solid var(--nav-border); + border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.08); + padding:8px; display:grid; gap:2px; + } + .mobile-link{ + display:block; padding:12px 14px; border-radius:10px; + text-decoration:none; color:var(--nav-ink); + } + .mobile-link:hover{ background:var(--btn-hover); } + .mobile-link.primary{ background:var(--nav-brand); color:#fff; } + .mobile-link.danger{ color:#b91c1c; } + .mobile-user{ padding:10px 14px; color:var(--nav-ink-muted); font-size:14px; } + } -
-
- Illustrations Database - {{APP_VERSION}} -
+
+ Illustrations Database + {{ APP_VERSION }} +
-
+ +
Search + New Entry Statistics - {% if user.is_authenticated and user.is_staff %} - Backup - - + Backup {% endif %} {% if user.is_authenticated %} @@ -65,6 +103,33 @@ Login {% endif %}
+ + + +
+ + +
@@ -83,5 +148,25 @@ {% block extra_body %}{% endblock %} + + + \ No newline at end of file