fix: 화면별 액션 아이콘 위치 정리(타이틀 제거 후 빈 헤더 해소)
CI / build (push) Failing after 12m2s

- 가계부: 내역 추가 → month-nav(검색·필터 옆), 헤더는 pending 있을 때만
- 예산: 예산 추가 → month-nav(월 변경 옆)
- 고정지출: 지금 반영/추가 → 안내문구 아래
- 커뮤니티: 글쓰기 → 태그 필터와 같은 줄(list-top)
- 분류 관리: 기본 분류 불러오기 → 지출/수입 탭과 같은 줄(tabs-row)
- 미사용 boardTitle/boardLabel 정리

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-06-27 23:18:42 +09:00
parent c4872c93a8
commit 59b17051a4
5 changed files with 56 additions and 37 deletions
+16 -8
View File
@@ -182,16 +182,14 @@ onBeforeUnmount(destroySortables)
<template>
<section class="cat">
<header class="head" style="justify-content: flex-end">
<div class="head-actions">
<button type="button" class="text-btn" @click="importDefaults">기본 분류 불러오기</button>
</div>
</header>
<p class="hint">내역·예산에서 선택할 분류를 관리합니다. <b>대분류 아래 소분류</b> 묶을 있고(2단계), 예산·통계는 소분류 기준입니다. 이름을 바꾸면 기존 내역·예산에도 반영됩니다.</p>
<div class="tabs">
<button type="button" :class="{ active: activeType === 'EXPENSE' }" @click="activeType = 'EXPENSE'">지출 분류</button>
<button type="button" :class="{ active: activeType === 'INCOME' }" @click="activeType = 'INCOME'">수입 분류</button>
<div class="tabs-row">
<div class="tabs">
<button type="button" :class="{ active: activeType === 'EXPENSE' }" @click="activeType = 'EXPENSE'">지출 분류</button>
<button type="button" :class="{ active: activeType === 'INCOME' }" @click="activeType = 'INCOME'">수입 분류</button>
</div>
<button type="button" class="text-btn" @click="importDefaults">기본 분류 불러오기</button>
</div>
<form class="new-cat" @submit.prevent="addCategory">
@@ -296,6 +294,16 @@ button.danger {
border-color: #c0392b;
color: #c0392b;
}
.tabs-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 0.75rem;
margin-bottom: 1rem;
}
.tabs-row .tabs {
margin-bottom: 0;
}
.tabs {
display: flex;
gap: 0.25rem;