From b737720d2963b8d044f6196ea5f6c20e431b3b3c Mon Sep 17 00:00:00 2001 From: ByungCheol Date: Sat, 27 Jun 2026 22:26:25 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A0=84=20=ED=99=94=EB=A9=B4=20?= =?UTF-8?q?=EB=B3=B8=EB=AC=B8=20=ED=8F=AD=20=ED=86=B5=EC=9D=BC=20+=20?= =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EB=82=B4=20=EB=92=A4=EB=A1=9C=EA=B0=80?= =?UTF-8?q?=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 본문 폭: --page-max(760px) 변수 + .layout-body>* 전역 규칙으로 일관화 (각 뷰가 제각각 두던 root max-width 대체) - 화면 내 '뒤로가기/가계부로/목록' 버튼 제거(하단 내비 뒤로가기는 유지) 대상: 계좌/분류/예산/고정지출/태그/기본분류/게시글상세/계정정보 - BoardDetail actions 우측 정렬, AccountInfo 미사용 goBack 제거 Co-Authored-By: Claude Opus 4.8 --- src/assets/base.css | 2 ++ src/assets/main.css | 8 ++++++++ src/views/account/AccountTagView.vue | 1 - src/views/account/AccountWalletView.vue | 1 - src/views/account/BudgetView.vue | 1 - src/views/account/CategoryView.vue | 1 - src/views/account/RecurringView.vue | 1 - src/views/admin/DefaultCategoryView.vue | 3 --- src/views/board/BoardDetailView.vue | 3 +-- src/views/settings/AccountInfoView.vue | 10 ---------- 10 files changed, 11 insertions(+), 20 deletions(-) diff --git a/src/assets/base.css b/src/assets/base.css index b09de53..b19ba6e 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -34,6 +34,8 @@ --color-text: var(--vt-c-text-light-1); --section-gap: 160px; + /* 모든 화면 본문 공통 폭 (화면별 제각각이던 max-width 를 일관되게) */ + --page-max: 760px; } /* 다크 변수 묶음 — 명시적 다크(data-theme=dark)와 시스템 다크에서 공통 사용 */ diff --git a/src/assets/main.css b/src/assets/main.css index 216a561..ac52f8a 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -4,6 +4,14 @@ font-weight: normal; } +/* 모든 화면 본문 폭 통일 — 각 뷰가 제각각 두던 root max-width 를 한 곳에서 일관되게. + (본문 직계 자식 = 각 화면 루트 컨테이너) scoped 스타일을 덮기 위해 !important 사용. */ +.layout-body > * { + max-width: var(--page-max) !important; + margin-left: auto !important; + margin-right: auto !important; +} + /* 폼 요소 폰트 상속(표준 리셋) — 네이티브 input/select/textarea 가 서로 폰트·높이 달라 보이던 이질감 해소. (개별 화면 scoped 스타일이 더 구체적이면 그쪽이 우선) */ input, diff --git a/src/views/account/AccountTagView.vue b/src/views/account/AccountTagView.vue index 12e3b7e..8c868d4 100644 --- a/src/views/account/AccountTagView.vue +++ b/src/views/account/AccountTagView.vue @@ -102,7 +102,6 @@ onBeforeUnmount(() => sortable?.destroy())

가계부 태그 관리

-

내가 등록한 태그는 나의 가계부 내역에서만 사용됩니다.

diff --git a/src/views/account/AccountWalletView.vue b/src/views/account/AccountWalletView.vue index 70b6a48..0dd941b 100644 --- a/src/views/account/AccountWalletView.vue +++ b/src/views/account/AccountWalletView.vue @@ -312,7 +312,6 @@ onBeforeUnmount(() => sortable?.destroy())

계좌 관리

-
diff --git a/src/views/account/BudgetView.vue b/src/views/account/BudgetView.vue index aad434e..3dc74e2 100644 --- a/src/views/account/BudgetView.vue +++ b/src/views/account/BudgetView.vue @@ -247,7 +247,6 @@ onMounted(() => {

예산 설정

-
diff --git a/src/views/account/CategoryView.vue b/src/views/account/CategoryView.vue index e96af66..1cc5b06 100644 --- a/src/views/account/CategoryView.vue +++ b/src/views/account/CategoryView.vue @@ -188,7 +188,6 @@ onBeforeUnmount(destroySortables)

분류 관리

-

내역·예산에서 선택할 분류를 관리합니다. 대분류 아래 소분류로 묶을 수 있고(2단계), 예산·통계는 소분류 기준입니다. 이름을 바꾸면 기존 내역·예산에도 반영됩니다.

diff --git a/src/views/account/RecurringView.vue b/src/views/account/RecurringView.vue index 1911a64..17e67d6 100644 --- a/src/views/account/RecurringView.vue +++ b/src/views/account/RecurringView.vue @@ -244,7 +244,6 @@ onMounted(load)

고정 지출

-
diff --git a/src/views/admin/DefaultCategoryView.vue b/src/views/admin/DefaultCategoryView.vue index cef1699..6c9ca22 100644 --- a/src/views/admin/DefaultCategoryView.vue +++ b/src/views/admin/DefaultCategoryView.vue @@ -152,9 +152,6 @@ onBeforeUnmount(destroySortables)

기본 분류 관리

-
- -

전체 사용자 공용 기본 분류 템플릿입니다. 사용자가 분류 관리에서 ‘기본 분류 불러오기’로 자기 분류에 복사해 씁니다. diff --git a/src/views/board/BoardDetailView.vue b/src/views/board/BoardDetailView.vue index e3cb173..f2fb735 100644 --- a/src/views/board/BoardDetailView.vue +++ b/src/views/board/BoardDetailView.vue @@ -151,7 +151,6 @@ onMounted(load)

-
@@ -296,7 +295,7 @@ button.notice-btn { } .actions { display: flex; - justify-content: space-between; + justify-content: flex-end; border-top: 1px solid var(--color-border); padding-top: 1rem; } diff --git a/src/views/settings/AccountInfoView.vue b/src/views/settings/AccountInfoView.vue index 4424332..f08d657 100644 --- a/src/views/settings/AccountInfoView.vue +++ b/src/views/settings/AccountInfoView.vue @@ -21,20 +21,10 @@ const roleLabel = computed(() => (u.value.role === 'ADMIN' ? '관리자' : '일 function goEdit() { router.push('/settings/account/edit') } -function goBack() { - router.push('/settings') -}