From 37eb17fc787a1ce29db24f49432f55cf0e16364b Mon Sep 17 00:00:00 2001
From: OG T <ogt@WOOOMacMiniM4.local>
Date: Fri, 3 Apr 2026 13:35:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=20sidebar/header=20=E5=B0=8D?=
 =?UTF-8?q?=E9=BD=8A=20=E2=80=94=20ml-[224px]=20+=20pt-[68px]=20=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=2032px=20=E7=A9=BA=E9=9A=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ml-64(256px) → ml-[224px] 對齊 sidebar 實際寬度
- pt-16(64px) → pt-[68px] 對齊 header 實際高度
- calc(100vh-64px) → calc(100vh-68px)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/app/[locale]/page.tsx            | 2 +-
 apps/web/src/components/layout/app-layout.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/[locale]/page.tsx b/apps/web/src/app/[locale]/page.tsx
index 86978c972..ed734baee 100644
--- a/apps/web/src/app/[locale]/page.tsx
+++ b/apps/web/src/app/[locale]/page.tsx
@@ -508,7 +508,7 @@ export default function Home({ params }: { params: { locale: string } }) {
       <div style={{
         display: 'flex',
         flexDirection: 'column',
-        height: 'calc(100vh - 64px)',
+        height: 'calc(100vh - 68px)',
         background: '#f5f4ed',
         fontFamily: 'var(--font-body), monospace',
         overflow: 'hidden',
diff --git a/apps/web/src/components/layout/app-layout.tsx b/apps/web/src/components/layout/app-layout.tsx
index c31fde9d2..d97d4cdd5 100644
--- a/apps/web/src/components/layout/app-layout.tsx
+++ b/apps/web/src/components/layout/app-layout.tsx
@@ -131,9 +131,9 @@ export function AppLayout({
       <main
         className={cn(
           'relative z-10',
-          'pt-16', // Header height (64px)
+          'pt-[68px]',
           'transition-all duration-300 ease-out',
-          collapsed ? 'ml-16' : 'ml-64'
+          collapsed ? 'ml-16' : 'ml-[224px]'
         )}
       >
         {fullBleed ? (