From 59eaf5c51b59066c00aa74e6535d94b0592519ca Mon Sep 17 00:00:00 2001
From: OG T <ogt@WOOOMacMiniM4.local>
Date: Fri, 3 Apr 2026 12:12:10 +0800
Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20=E5=BE=9E=20top:68px=20?=
 =?UTF-8?q?=E9=96=8B=E5=A7=8B=EF=BC=8C=E4=B8=8D=E5=86=8D=E8=93=8B=E4=BD=8F?=
 =?UTF-8?q?=20header=20brand=20area?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

sidebar 原本從 top:0 + 68px spacer 實作，z-index:40 > header:30
導致 sidebar 蓋住 header 左側 brand area (AwoooI logo 消失)
修復: 改為 top:68px bottom:0，完全在 header 下方

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/components/layout/sidebar.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/layout/sidebar.tsx b/apps/web/src/components/layout/sidebar.tsx
index 6762d04a..6aa91136 100644
--- a/apps/web/src/components/layout/sidebar.tsx
+++ b/apps/web/src/components/layout/sidebar.tsx
@@ -158,12 +158,12 @@ export function Sidebar({
   return (
     <aside
       className={cn(
-        'fixed left-0 top-0 h-screen',
-        'flex flex-col',
-        // figma-v2: #faf9f3 背景
+        'fixed left-0 flex flex-col',
         className
       )}
       style={{
+        top: 68,
+        bottom: 0,
         zIndex: Z_INDEX.SIDEBAR,
         background: '#faf9f3',
         borderRight: '0.5px solid #e0ddd4',
@@ -171,9 +171,6 @@ export function Sidebar({
         transition: 'width 0.3s ease',
       }}
     >
-      {/* Logo 區 - figma-v2: 與 header brand-area 完全一致，但此處因 header 佔滿，sidebar 不重複顯示 logo */}
-      {/* sidebar top spacer - 68px 高度對齊 header */}
-      <div style={{ height: 68, flexShrink: 0 }} />
 
       {/* 導航列表 - AI中心 v6 4分區 */}
       <nav className="flex-1 py-2 overflow-y-auto">