fix(sidebar): 從 top:68px 開始,不再蓋住 header brand area
Some checks failed
CD Pipeline / build-and-deploy (push) Has been cancelled

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>
This commit is contained in:
OG T
2026-04-03 12:12:10 +08:00
parent 8788cdaaa0
commit 59eaf5c51b

View File

@@ -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">