diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 42c0b56..12a0951 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -6,6 +6,20 @@ import { BOARDS } from '@/constants/boards'
const auth = useAuthStore()
const ui = useUiStore()
+
+// 메뉴 아이콘 (lucide 스타일 인라인 SVG path — 하단 내비와 동일 톤). 값은 정적/신뢰 마크업.
+const icons = {
+ entries: '',
+ stats: '',
+ recurrings: '',
+ wallets: '',
+ categories: '',
+ budget: '',
+ tags: '',
+ board: '',
+ users: '',
+ sliders: '',
+}
@@ -17,13 +31,34 @@ const ui = useUiStore()
@@ -85,10 +132,22 @@ const ui = useUiStore()
flex-direction: column;
}
.menu-item {
+ display: flex;
+ align-items: center;
+ gap: 0.7rem;
padding: 0.7rem 1.5rem;
color: var(--color-text);
font-size: 0.95rem;
}
+.menu-icon {
+ width: 18px;
+ height: 18px;
+ flex: none;
+ opacity: 0.8;
+}
+.menu-item.router-link-exact-active .menu-icon {
+ opacity: 1;
+}
.menu-divider {
border: 0;
border-top: 1px solid var(--color-border);