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') -}