ashwin/nxtgauge-admin-solid
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(sidebar): use full nxtgauge-logo.png in expanded state, icon-only when collapsed

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ashwin Kumar 2026-03-27 02:07:32 +01:00
parent 1bd7fe646c
commit d0b904f3ff
1 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/AdminSidebar.tsx
View file

@ -99,14 +99,13 @@ export default function AdminSidebar(props: {
{/* Logo area */} {/* Logo area */}
<div style="position:relative;height:64px;display:flex;align-items:center;border-bottom:1px solid #E5E7EB;flex-shrink:0;padding:0 14px"> <div style="position:relative;height:64px;display:flex;align-items:center;border-bottom:1px solid #E5E7EB;flex-shrink:0;padding:0 14px">
<A href="/admin" onClick={props.onNavigate} style="display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden"> <A href="/admin" onClick={props.onNavigate} style="display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden">
<div style="width:32px;height:32px;border-radius:8px;background:#FF5E13;display:flex;align-items:center;justify-content:center;flex-shrink:0"> <Show
<img src="/nxtgauge-icon.png" alt="Nxtgauge" style="width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)" /> when={!props.collapsed}
</div> fallback={
<Show when={!props.collapsed}> <img src="/nxtgauge-icon.png" alt="Nxtgauge" style="width:32px;height:32px;object-fit:contain;flex-shrink:0" />
<div style="overflow:hidden"> }
<p style="font-size:15px;font-weight:700;color:#0D0D2A;line-height:1.2;white-space:nowrap">Nxtgauge</p> >
<p style="font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#9CA3AF;white-space:nowrap">Admin Console</p> <img src="/nxtgauge-logo.png" alt="Nxtgauge" style="height:28px;object-fit:contain;flex-shrink:0" />
</div>
</Show> </Show>
</A> </A>
<button <button