diff --git a/public/shared.css b/public/shared.css index a7ee26e..896b589 100644 --- a/public/shared.css +++ b/public/shared.css @@ -71,11 +71,15 @@ body { /* Mobile bottom bar */ @media(max-width:640px) { - .sidebar { position:fixed;top:auto;bottom:0;left:0;width:100%;height:52px;flex-direction:row;justify-content:center;padding:0 16px;border-right:none;border-top:1px solid var(--surface-600);gap:0 } + .sidebar { position:fixed;top:auto;bottom:0;left:0;width:100%;height:52px;flex-direction:row;justify-content:center;padding:0 8px;border-right:none;border-top:1px solid var(--surface-600);gap:0 } .sidebar-logo { display:none } - .sidebar-nav { flex-direction:row;gap:4px;flex:none } - .sidebar-bottom { margin-top:0;margin-left:auto;flex-direction:row } - .sidebar-link.active::before { left:50%;top:auto;bottom:-6px;transform:translateX(-50%);width:20px;height:3px;border-radius:3px 3px 0 0 } + .sidebar-nav { flex-direction:row;gap:2px;flex:1;justify-content:center;overflow:hidden } + .sidebar-divider { display:none } + .sidebar-link { width:32px;height:32px;border-radius:6px } + .sidebar-link svg { width:18px;height:18px } + .sidebar-link.active::before { left:50%;top:auto;bottom:-6px;transform:translateX(-50%);width:16px;height:2px;border-radius:2px 2px 0 0 } + .sidebar-bottom { margin-top:0;margin-left:auto;flex-direction:row;flex-shrink:0 } + .sidebar-admin-link { display:none !important } .main-content { margin-left:0;padding-bottom:60px } } diff --git a/public/shared.js b/public/shared.js index c1892c3..5a5d741 100644 --- a/public/shared.js +++ b/public/shared.js @@ -87,7 +87,6 @@ function initSidebar(activeId) { const nav = document.createElement('nav'); nav.className = 'sidebar'; nav.innerHTML = ` -