diff --git a/src/views/account/AccountTagView.vue b/src/views/account/AccountTagView.vue index efa0153..3a9825a 100644 --- a/src/views/account/AccountTagView.vue +++ b/src/views/account/AccountTagView.vue @@ -1,5 +1,5 @@ - 내가 등록한 태그는 나의 가계부 내역에서만 사용됩니다. + + 내가 등록한 태그는 나의 가계부 내역에서만 사용됩니다. + + {{ reorderMode ? '완료' : '순서변경' }} + + + + ⠿ 손잡이를 끌어 순서를 바꾸세요. 끝나면 완료. @@ -110,10 +127,10 @@ onBeforeUnmount(() => sortable?.destroy()) - ≡ - - - + ≡ + + + 등록된 태그가 없습니다. @@ -133,11 +150,37 @@ onBeforeUnmount(() => sortable?.destroy()) h1 { font-size: 1.5rem; } +.top-row { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 0.5rem; + margin-bottom: 0.25rem; +} .hint { font-size: 0.85rem; opacity: 0.7; margin: 0.5rem 0 1rem; } +.hint.sm { + margin-top: -0.5rem; + margin-bottom: 0.75rem; +} +.text-btn { + flex-shrink: 0; + font-size: 0.85rem; + padding: 0.25rem 0.6rem; + border: 1px solid var(--color-border); + border-radius: 4px; + background: transparent; + color: var(--color-text); + cursor: pointer; + white-space: nowrap; +} +.text-btn.active { + border-color: hsla(160, 100%, 37%, 1); + color: hsla(160, 100%, 37%, 1); +} input { padding: 0.5rem 0.7rem; border: 1px solid var(--color-border); diff --git a/src/views/account/RecurringView.vue b/src/views/account/RecurringView.vue index 0feb4e7..1620817 100644 --- a/src/views/account/RecurringView.vue +++ b/src/views/account/RecurringView.vue @@ -48,7 +48,6 @@ const form = reactive({ const submitting = ref(false) const formError = ref(null) -const DOW = ['', '월', '화', '수', '목', '금', '토', '일'] const TYPES = [ { value: 'EXPENSE', label: '지출', cls: 'chip-expense' }, @@ -56,8 +55,6 @@ const TYPES = [ { value: 'TRANSFER', label: '이체', cls: 'chip-transfer' }, ] const FREQS = [ - { value: 'DAILY', label: '매일' }, - { value: 'WEEKLY', label: '매주' }, { value: 'MONTHLY', label: '매월' }, { value: 'YEARLY', label: '매년' }, ] @@ -102,21 +99,17 @@ function typeLabel(t) { return t === 'INCOME' ? '수입' : t === 'TRANSFER' ? '이체' : '지출' } function freqLabel(r) { - if (r.frequency === 'DAILY') return '매일' - if (r.frequency === 'WEEKLY') return `매주 ${DOW[r.dayOfWeek] || ''}요일` if (r.frequency === 'MONTHLY') return `매월 ${r.dayOfMonth}일` return `매년 ${r.monthOfYear}/${r.dayOfMonth}` } function payKey(r) { - if (r.frequency === 'DAILY') return 0 - if (r.frequency === 'WEEKLY') return r.dayOfWeek || 0 if (r.frequency === 'YEARLY') return (r.monthOfYear || 0) * 100 + (r.dayOfMonth || 0) return r.dayOfMonth || 0 } const PERIODS = [ - { key: 'MONTH', label: '월간 거래', freqs: ['DAILY', 'WEEKLY', 'MONTHLY'] }, + { key: 'MONTH', label: '월간 거래', freqs: ['MONTHLY'] }, { key: 'YEAR', label: '년간 거래', freqs: ['YEARLY'] }, ] const grouped = computed(() => @@ -391,11 +384,6 @@ onMounted(load) - 요일 - - {{ DOW[d] }} - - 월
내가 등록한 태그는 나의 가계부 내역에서만 사용됩니다.
⠿ 손잡이를 끌어 순서를 바꾸세요. 끝나면 완료.
등록된 태그가 없습니다.