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);
diff --git a/src/utils/datetime.js b/src/utils/datetime.js
index b9d8aa2..dce5774 100644
--- a/src/utils/datetime.js
+++ b/src/utils/datetime.js
@@ -1,7 +1,7 @@
// 날짜/시간 표시 유틸
/**
- * 1일 이내면 "방금 전 / N분 전 / N시간 전", 그 이상이면 YYYYMMDD 로 표시.
+ * 1시간 이내면 "방금 전 / N분 전", 1일 이내면 "N시간 전", 그 이상이면 YYYY.mm.dd 로 표시.
*/
export function formatRelative(value) {
if (!value) return '-'
@@ -17,7 +17,7 @@ export function formatRelative(value) {
const diffHour = Math.floor(diffMin / 60)
if (diffHour < 24) return `${diffHour}시간 전`
- return formatYmd(date)
+ return formatYmdDot(date)
}
/** YYYYMMDD */
@@ -29,3 +29,13 @@ export function formatYmd(value) {
const d = String(date.getDate()).padStart(2, '0')
return `${y}${m}${d}`
}
+
+/** YYYY.MM.DD */
+export function formatYmdDot(value) {
+ const date = value instanceof Date ? value : new Date(value)
+ if (Number.isNaN(date.getTime())) return String(value)
+ const y = date.getFullYear()
+ const m = String(date.getMonth() + 1).padStart(2, '0')
+ const d = String(date.getDate()).padStart(2, '0')
+ return `${y}.${m}.${d}`
+}