feat: 홈 일별 캘린더·시세 갱신·게시판 카테고리·약관동의·계좌 마스킹
- 홈: 6월 예산 아래 일별 수입/지출 캘린더(마우스오버/탭 시 내역 목록) - 투자: 시세 자동조회 버튼/진입 시 갱신, 보유종목 2줄 표기, 평가액 직접입력 - 게시판: 커뮤니티/짠테크 수다방/재테크 팁 분리, 사이드바 영역 구분선 - 회원가입: 이용약관·개인정보 수집 동의(필수 체크) - 보안: 계좌번호 화면 마스킹(끝 4자리+눈 토글) - 정기→고정지출, 내역/정기 라디오·sticky 저장, 태그 드래그 정렬 - fix: 모바일웹 새로고침 시 로그인 팝업(restore localStorage 우선) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
import { RouterLink } from 'vue-router'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
import { useUiStore } from '@/stores/ui'
|
||||
import { BOARDS } from '@/constants/boards'
|
||||
|
||||
const auth = useAuthStore()
|
||||
const ui = useUiStore()
|
||||
@@ -15,18 +16,34 @@ const ui = useUiStore()
|
||||
</div>
|
||||
<nav class="menu">
|
||||
<RouterLink to="/" class="menu-item">홈</RouterLink>
|
||||
|
||||
<!-- 가계부 영역 -->
|
||||
<template v-if="auth.isAuthenticated">
|
||||
<hr class="menu-divider" />
|
||||
<RouterLink to="/account/entries" class="menu-item">가계부 내역</RouterLink>
|
||||
<RouterLink to="/account/stats" class="menu-item">통계</RouterLink>
|
||||
<RouterLink to="/account/recurrings" class="menu-item">정기 거래</RouterLink>
|
||||
<RouterLink to="/account/recurrings" class="menu-item">고정 지출</RouterLink>
|
||||
<RouterLink to="/account/wallets" class="menu-item">계좌 관리</RouterLink>
|
||||
<RouterLink to="/account/categories" class="menu-item">분류 관리</RouterLink>
|
||||
<RouterLink to="/account/budget" class="menu-item">예산 설정</RouterLink>
|
||||
<RouterLink to="/account/tags" class="menu-item">태그 관리</RouterLink>
|
||||
<RouterLink to="/board" class="menu-item">자유게시판</RouterLink>
|
||||
|
||||
<!-- 게시판 영역 -->
|
||||
<hr class="menu-divider" />
|
||||
<RouterLink
|
||||
v-for="b in BOARDS"
|
||||
:key="b.key"
|
||||
:to="`/board/${b.key}`"
|
||||
class="menu-item"
|
||||
>{{ b.label }}</RouterLink>
|
||||
</template>
|
||||
|
||||
<!-- 관리자 영역 -->
|
||||
<template v-if="auth.user?.role === 'ADMIN'">
|
||||
<hr class="menu-divider" />
|
||||
<RouterLink to="/users" class="menu-item">회원 관리</RouterLink>
|
||||
<RouterLink to="/admin/tags" class="menu-item">태그 관리(관리자)</RouterLink>
|
||||
</template>
|
||||
<RouterLink v-if="auth.user?.role === 'ADMIN'" to="/users" class="menu-item">회원 관리</RouterLink>
|
||||
<RouterLink v-if="auth.user?.role === 'ADMIN'" to="/admin/tags" class="menu-item">태그 관리(관리자)</RouterLink>
|
||||
</nav>
|
||||
</aside>
|
||||
</template>
|
||||
@@ -74,10 +91,10 @@ const ui = useUiStore()
|
||||
color: var(--color-text);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.menu-item.sub {
|
||||
padding: 0.5rem 1.5rem 0.5rem 2.6rem;
|
||||
font-size: 0.88rem;
|
||||
opacity: 0.9;
|
||||
.menu-divider {
|
||||
border: 0;
|
||||
border-top: 1px solid var(--color-border);
|
||||
margin: 0.5rem 1.5rem;
|
||||
}
|
||||
.menu-item:hover {
|
||||
background: var(--color-background-mute);
|
||||
@@ -89,7 +106,4 @@ const ui = useUiStore()
|
||||
padding-left: calc(1.5rem - 3px);
|
||||
background: transparent;
|
||||
}
|
||||
.menu-item.sub.router-link-exact-active {
|
||||
padding-left: calc(2.6rem - 3px);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user