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); }