From 85670a1b9f4f8c7f363cbe5877f7174c6d780b91 Mon Sep 17 00:00:00 2001 From: ByungCheol Date: Sat, 27 Jun 2026 23:49:02 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20PC=20=EB=A0=88=EC=9D=B4=EC=95=84?= =?UTF-8?q?=EC=9B=83=20=E2=80=94=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94?= =?UTF-8?q?=EB=A5=BC=20=EC=A2=8C=EC=B8=A1=20=EC=83=81=EB=8B=A8=EA=B9=8C?= =?UTF-8?q?=EC=A7=80=20=ED=99=95=EC=9E=A5,=20=ED=97=A4=EB=8D=94=EB=8A=94?= =?UTF-8?q?=20=EC=9A=B0=EC=B8=A1=20=EC=98=81=EC=97=AD=EB=A7=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - App.vue 그리드 'top top' → 'left top' (사이드바가 헤더 행까지 차지) - 사이드바 브랜드 영역 높이 56px 로 헤더와 정렬(보더 일치) - 모바일은 기존 드로어 구조 유지 Co-Authored-By: Claude Opus 4.8 --- src/App.vue | 2 +- src/components/layout/AppSidebar.vue | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/App.vue b/src/App.vue index bfcdedd..c06bfe2 100644 --- a/src/App.vue +++ b/src/App.vue @@ -68,7 +68,7 @@ watch(() => route.fullPath, () => ui.closeSidebar()) .layout { display: grid; grid-template-areas: - 'top top' + 'left top' 'left body' 'bottom bottom'; grid-template-columns: 220px 1fr; diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue index 9e128fb..cd1b782 100644 --- a/src/components/layout/AppSidebar.vue +++ b/src/components/layout/AppSidebar.vue @@ -100,13 +100,14 @@ const icons = { .app-sidebar { background: var(--color-background-soft); border-right: 1px solid var(--color-border); - padding: 1rem 0; + padding: 0 0 1rem; } .drawer-head { display: flex; align-items: center; justify-content: space-between; - padding: 0.5rem 1.1rem 0.75rem; + height: 56px; /* 헤더 높이와 맞춰 상단 정렬 (하단 보더 일치) */ + padding: 0 1.1rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--color-border); }