jason
28 lines
1.4 KiB
Plaintext
28 lines
1.4 KiB
Plaintext
<!-- Mobile-only top bar — hidden on lg+ where the sidebar is always visible -->
|
|
<div class="lg:hidden fixed top-0 left-0 right-0 h-14 bg-surface-900 border-b border-gray-800 flex items-center justify-between px-4 z-40">
|
|
<!-- Hamburger -->
|
|
<button id="sidebar-open-btn" aria-label="Open navigation"
|
|
class="flex items-center justify-center w-9 h-9 rounded-lg text-gray-400 hover:text-white hover:bg-surface-800 transition-colors">
|
|
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- Brand -->
|
|
<div class="flex items-center gap-2">
|
|
<% if (brand.brand_logo_path) { %>
|
|
<img src="/brand/logo" alt="<%= brand.brand_name %>" class="h-6 w-auto object-contain" />
|
|
<% } else { %>
|
|
<div class="h-6 w-6 rounded-md btn-accent flex items-center justify-center shrink-0">
|
|
<svg class="w-3.5 h-3.5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />
|
|
</svg>
|
|
</div>
|
|
<% } %>
|
|
<span class="text-sm font-semibold text-white truncate max-w-[140px]"><%= brand.brand_name %></span>
|
|
</div>
|
|
|
|
<!-- Spacer to balance hamburger -->
|
|
<div class="w-9"></div>
|
|
</div>
|