From f55443b8234f952dd291589bba0441dbad36b068 Mon Sep 17 00:00:00 2001 From: ByungCheol Date: Mon, 22 Jun 2026 23:39:37 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=8F=BC=20=EC=85=80=EB=A0=89=ED=8A=B8?= =?UTF-8?q?=20=EB=86=92=EC=9D=B4=EB=A5=BC=20input=C2=B7=EB=B2=84=ED=8A=BC?= =?UTF-8?q?=EA=B3=BC=20=ED=86=B5=EC=9D=BC=20(font=20=EC=83=81=EC=86=8D=20?= =?UTF-8?q?=EB=A6=AC=EC=85=8B)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 네이티브 select 가 폰트 미상속으로 input 과 높이 달라 보이던 이질감 해소 - 전역 input/select/textarea { font: inherit } + select 기본 padding/border 정렬 - CategoryView 대분류 select 폰트 오버라이드 제거 Co-Authored-By: Claude Opus 4.8 --- src/assets/main.css | 18 ++++++++++++++++++ src/views/account/CategoryView.vue | 1 - 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/src/assets/main.css b/src/assets/main.css index dd79431..216a561 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -4,6 +4,24 @@ font-weight: normal; } +/* 폼 요소 폰트 상속(표준 리셋) — 네이티브 input/select/textarea 가 서로 폰트·높이 달라 + 보이던 이질감 해소. (개별 화면 scoped 스타일이 더 구체적이면 그쪽이 우선) */ +input, +select, +textarea { + font: inherit; +} +/* scoped 스타일이 없는 select 의 기본 모양을 input 과 맞춤 */ +select { + box-sizing: border-box; + padding: 0.5rem 0.7rem; + border: 1px solid var(--color-border); + border-radius: 4px; + background: var(--color-background-soft); + color: var(--color-text); + line-height: 1.3; +} + /* 네이티브 앱(Capacitor) safe-area: 상단 상태바 / 하단 제스처바 영역 확보 */ html.is-native .layout-top { /* 상태바 높이(safe-area)에 더해 여유 간격을 줘서 헤더가 상태바에 붙지 않게 */ diff --git a/src/views/account/CategoryView.vue b/src/views/account/CategoryView.vue index 24ab356..489e14d 100644 --- a/src/views/account/CategoryView.vue +++ b/src/views/account/CategoryView.vue @@ -267,7 +267,6 @@ button.danger { } .parent-sel { max-width: 40%; - font-size: 0.85rem; } .new-cat .parent-sel { flex: 0 0 auto;