diff --git a/src/views/account/CategoryView.vue b/src/views/account/CategoryView.vue index 6293600..9ce6cbd 100644 --- a/src/views/account/CategoryView.vue +++ b/src/views/account/CategoryView.vue @@ -341,9 +341,11 @@ button.danger { justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; + flex-wrap: wrap; /* 좁으면 액션 버튼이 아래 줄로 — 탭 텍스트가 깨지지 않게 */ } .tabs-row .tabs { margin-bottom: 0; + flex: none; /* 탭은 줄어들지 않음 */ } .tabs-actions { display: flex; @@ -369,6 +371,7 @@ button.danger { border-radius: 0; background: transparent; padding: 0.6rem 1rem; + white-space: nowrap; /* '지출 분류' 두 줄로 깨짐 방지 */ } .tabs button.active { border-bottom-color: hsla(160, 100%, 37%, 1);