From 305160663d8d2b1ed4cb891ce4e9f5ba6ac8ccdf Mon Sep 17 00:00:00 2001 From: zenn Date: Mon, 6 Apr 2026 12:32:28 +0900 Subject: [PATCH] ui: restore rail menu spacing --- docs/history.md | 3 +++ docs/update.md | 3 +++ frontend/src/App.vue | 1 + 3 files changed, 7 insertions(+) diff --git a/docs/history.md b/docs/history.md index 1effd97..d09f6b1 100644 --- a/docs/history.md +++ b/docs/history.md @@ -1,5 +1,8 @@ # 의사결정 이력 +## 2026-04-06 v1.4.92 +- 모바일 왼쪽 레일은 사용자 카드, 검색, 메뉴가 세로로 붙는 구조라 기본 `gap`이 빠지면 브라우저별 렌더링 차이에 따라 훨씬 답답하게 보일 수 있으므로, 이 영역 간격은 명시적으로 주는 편이 안전하다고 정리했다. + ## 2026-04-06 v1.4.91 - 관리자 화면 모달이 많아질수록 `Esc` 동작이 일부 모달에서만 먹으면 예측 가능성이 떨어지므로, 열려 있는 공통 모달은 모두 `Esc = 취소` 규칙으로 맞추는 편이 더 자연스럽다고 정리했다. - 왼쪽 레일 사용자 카드의 두 번째 줄은 로그인된 상태에선 이메일이라 말줄임이 맞지만, 로그인 전/확인 중 메시지는 설명 성격이 강하므로 같은 `nowrap` 규칙을 쓰면 가로 스크롤을 유발할 수 있다. 그래서 이메일과 설명 문구의 줄 처리 정책을 분리하는 쪽이 맞다고 판단했다. diff --git a/docs/update.md b/docs/update.md index 76bbe1f..9853636 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,8 @@ # 업데이트 로그 +## 2026-04-06 v1.4.92 +- 모바일 왼쪽 사이드 메뉴(`leftRail__mobileMenu`)에 `gap`이 빠져 일부 브라우저에서 사용자 카드와 검색창/메뉴가 더 붙어 보일 수 있던 간격을 다시 정리했다. + ## 2026-04-06 v1.4.91 - 관리자 화면의 각종 모달은 이제 `Esc` 키를 누르면 현재 열려 있는 모달이 바로 닫히도록 정리했다. 브라우저 기본 동작 대신 공통 `취소` 흐름으로 맞췄다. - 왼쪽 사이드에서 일부 브라우저 환경에 가로 스크롤이 생기던 문제를 보정했다. 사용자 카드와 검색창에 `min-width: 0`을 더 명확히 주고, 이메일은 계속 말줄임 처리하되 로그인 전 안내 문구처럼 긴 설명은 자연스럽게 줄바꿈되도록 분리했다. diff --git a/frontend/src/App.vue b/frontend/src/App.vue index a8bfd38..c0ba83e 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -2145,6 +2145,7 @@ function reloadApp() { opacity: 1; transform: translateY(0); overflow: hidden; + gap: 10px; transition: max-height 260ms ease, opacity 220ms ease,