diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue index 726ed60..06dd23b 100644 --- a/src/views/account/AccountView.vue +++ b/src/views/account/AccountView.vue @@ -561,7 +561,7 @@ onMounted(async () => { type="button" class="receipt-btn" :disabled="submitting || ocrRunning" @click="pickReceipt" >πŸ“· 영수증 μŠ€μΊ” - 인식 쀑… + 영수증 인식 쀑… @@ -570,6 +570,7 @@ onMounted(async () => { μžλ™ μž…λ ₯됨 μ‚¬μ§„μ—μ„œ κΈˆμ•‘Β·λ‚ μ§œΒ·μƒν˜Έλ₯Ό μžλ™ μž…λ ₯ +
@@ -980,6 +981,25 @@ button.primary { .receipt-status.ok { color: hsla(160, 100%, 37%, 1); } +/* 인식 쀑 λ¬΄ν•œ λ‘œλ”© λ°” */ +.receipt-progress { + flex-basis: 100%; + height: 4px; + border-radius: 2px; + background: var(--color-background-mute); + overflow: hidden; +} +.receipt-progress .bar { + width: 40%; + height: 100%; + border-radius: 2px; + background: hsla(160, 100%, 37%, 1); + animation: receipt-indeterminate 1.1s ease-in-out infinite; +} +@keyframes receipt-indeterminate { + 0% { margin-left: -40%; } + 100% { margin-left: 100%; } +} .entry-form label { display: flex; flex-direction: column;