fix: 분류 소분류 영역 배경색 구분 — 회색 박스로 대분류와 시각적 분리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-07-01 00:19:27 +09:00
parent 28ebe06767
commit b2f3b156b2
+5 -4
View File
@@ -1,4 +1,4 @@
<script setup> 1<script setup>
import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue' import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
import { accountApi } from '@/api/accountApi' import { accountApi } from '@/api/accountApi'
import { reminders } from '@/native/reminders' import { reminders } from '@/native/reminders'
@@ -1913,8 +1913,9 @@ button.primary {
gap: 0.35rem; gap: 0.35rem;
} }
.acc-sub-grid { .acc-sub-grid {
padding-top: 0.15rem; padding: 0.4rem;
border-top: 1px solid var(--color-border); border-radius: 6px;
background: var(--color-background-soft);
} }
.acc-chip { .acc-chip {
flex: 1 1 calc(25% - 0.35rem); flex: 1 1 calc(25% - 0.35rem);
@@ -1938,7 +1939,7 @@ button.primary {
font-weight: 600; font-weight: 600;
} }
.acc-chip.sub { .acc-chip.sub {
background: var(--color-background-soft); background: var(--color-background);
} }
.acc-chip.sub.active { .acc-chip.sub.active {
border-color: hsla(160, 100%, 37%, 1); border-color: hsla(160, 100%, 37%, 1);