diff --git a/docs/history.md b/docs/history.md index e6812e2..0914e8a 100644 --- a/docs/history.md +++ b/docs/history.md @@ -1,5 +1,8 @@ # 의사결정 이력 +## 2026-04-02 v1.3.92 +- 왼쪽 레일 활성 메뉴도 로그인 토글과 같은 이동형 배경 문법을 쓰는 편이 앱 전체 인터랙션 언어를 더 일관되게 만든다고 판단했다. + ## 2026-04-02 v1.3.91 - 로그인/회원가입 탭은 즉시 배경 교체보다, 선택 배경이 실제로 이동하는 토글 문법이 더 직관적이고 상태 전환이 잘 읽힌다고 판단했다. diff --git a/docs/todo.md b/docs/todo.md index f3392e3..bac89fc 100644 --- a/docs/todo.md +++ b/docs/todo.md @@ -1,6 +1,7 @@ # 할 일 및 이슈 ## 단기 확인 +- 왼쪽 레일 활성 배경은 공용 인디케이터가 이동하는 방식으로 바뀌었으므로, 홈/내 티어표/즐겨찾기/설정 전환과 레일 접힘 상태 양쪽에서 위치 보정이 자연스러운지 한 번 더 QA한다. - 로그인 화면 상단 토글은 이동형 인디케이터로 바뀌었으므로, 데스크톱과 모바일에서 `로그인 / 회원가입` 전환 애니메이션이 어색하지 않고 포커스/클릭 상태도 자연스러운지 한 번 더 QA한다. - 관리자 카드 설명 줄임은 `line-clamp` 표준 속성까지 함께 선언했으므로, 실제 브라우저별 표시 차이가 없는지 한 번 더 QA한다. - 사용하지 않는 기본 자산을 정리했으므로, 배포본에서 누락 참조 없이 파비콘/공유 썸네일/좌측 레일 아이콘이 정상 노출되는지 한 번 더 QA한다. diff --git a/docs/update.md b/docs/update.md index e385cf3..b16046b 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,8 @@ # 업데이트 로그 +## 2026-04-02 v1.3.92 +- 왼쪽 네비게이션의 활성 메뉴 배경은 개별 항목에 즉시 붙는 방식에서, 공용 인디케이터가 현재 메뉴 위치로 미끄러져 이동하는 토글형 인터랙션으로 정리함. + ## 2026-04-02 v1.3.91 - 로그인 화면 상단의 `로그인 / 회원가입` 전환은 선택된 버튼 배경이 즉시 바뀌던 방식에서, 뒤쪽 하이라이트가 토글처럼 좌우로 미끄러져 이동하는 인터랙션으로 정리함. diff --git a/frontend/src/App.vue b/frontend/src/App.vue index d86d41a..ca0fbd7 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -67,6 +67,7 @@ const leftNavItems = computed(() => { ] return items.filter((item) => !item.requiresAuth || (authReady.value && auth.user)) }) +const activeLeftNavIndex = computed(() => leftNavItems.value.findIndex((item) => isRouteActive(item.path))) const showRightRailAction = computed(() => false) const showSettingsGuideButton = computed(() => route.name === 'profile') const guideSteps = [ @@ -446,7 +447,12 @@ function submitGlobalSearch() { -