From 7f54256ac037f9751c1d741d9601d6255a80237b Mon Sep 17 00:00:00 2001
From: TaskPool <admin@viaeon.com>
Date: Sun, 26 Jul 2026 16:44:03 +0800
Subject: [PATCH] fix(ui): narrow collapsed sidebar to 52px

---
 web/src/components/Layout.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Layout.tsx b/web/src/components/Layout.tsx
index a667178..f0463b9 100644
--- a/web/src/components/Layout.tsx
+++ b/web/src/components/Layout.tsx
@@ -150,17 +150,22 @@ export default function Layout() {
       <aside
         className={cn(
           'fixed inset-y-0 left-0 z-50 flex shrink-0 flex-col border-r border-[var(--border)] bg-[var(--bg-secondary)] transition-[width,transform] duration-200 ease-out lg:static lg:translate-x-0',
-          sidebarCollapsed ? 'w-[68px]' : 'w-[200px]',
+          sidebarCollapsed ? 'w-[52px]' : 'w-[200px]',
           isMobile && !menuOpen ? '-translate-x-full' : 'translate-x-0',
         )}
       >
         <div
           className={cn(
             'relative flex h-14 items-center border-b border-[var(--border)]',
-            sidebarCollapsed ? 'justify-center px-2' : 'gap-2.5 px-4',
+            sidebarCollapsed ? 'justify-center px-1' : 'gap-2.5 px-4',
           )}
         >
-          <div className="ms-on-accent flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md bg-[var(--bg-accent)] text-[13px] font-bold text-[var(--text-on-accent)]">
+          <div
+            className={cn(
+              'ms-on-accent flex shrink-0 select-none items-center justify-center rounded-md bg-[var(--bg-accent)] font-bold text-[var(--text-on-accent)]',
+              sidebarCollapsed ? 'h-7 w-7 text-[12px]' : 'h-8 w-8 text-[13px]',
+            )}
+          >
             T
           </div>
           {!sidebarCollapsed && (