fix(ui): narrow collapsed sidebar to 52px

2026-07-26 16:44:03 +08:00
parent eb8df6de0f
commit 7f54256ac0
1 changed files with 8 additions and 3 deletions
@@ -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 && (