From d0b904f3ffd84f1cf378bbc0e02e1fe8ecf9bac9 Mon Sep 17 00:00:00 2001
From: Ashwin Kumar <ashwin@macbookair.home>
Date: Fri, 27 Mar 2026 02:07:32 +0100
Subject: [PATCH] feat(sidebar): use full nxtgauge-logo.png in expanded state,
 icon-only when collapsed

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/AdminSidebar.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/AdminSidebar.tsx b/src/components/AdminSidebar.tsx
index 6c5bd5f..7bbdaea 100644
--- a/src/components/AdminSidebar.tsx
+++ b/src/components/AdminSidebar.tsx
@@ -99,14 +99,13 @@ export default function AdminSidebar(props: {
       {/* Logo area */}
       <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">
-          <div style="width:32px;height:32px;border-radius:8px;background:#FF5E13;display:flex;align-items:center;justify-content:center;flex-shrink:0">
-            <img src="/nxtgauge-icon.png" alt="Nxtgauge" style="width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)" />
-          </div>
-          <Show when={!props.collapsed}>
-            <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>
-            </div>
+          <Show
+            when={!props.collapsed}
+            fallback={
+              <img src="/nxtgauge-icon.png" alt="Nxtgauge" style="width:32px;height:32px;object-fit:contain;flex-shrink:0" />
+            }
+          >
+            <img src="/nxtgauge-logo.png" alt="Nxtgauge" style="height:28px;object-fit:contain;flex-shrink:0" />
           </Show>
         </A>
         <button