From f996075da77c568567a5bb86bbab88bdc857e47f Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Tue, 30 Jun 2026 21:56:04 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=99=B8=ED=99=94=20=EC=9E=85=EB=A0=A5?=
 =?UTF-8?q?=ED=8F=BC=20=EB=8B=A4=EB=93=AC=EA=B8=B0=20=E2=80=94=20=EC=9E=90?=
 =?UTF-8?q?=EB=8F=99=20=EB=B2=84=ED=8A=BC=20=EB=86=92=EC=9D=B4=20=EC=9D=BC?=
 =?UTF-8?q?=EC=B9=98=20+=20=ED=99=98=EC=9C=A8=204=EC=9E=90=EB=A6=AC=20?=
 =?UTF-8?q?=EB=B0=98=EC=98=AC=EB=A6=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 환율 input과 '↻ 자동' 버튼을 한 행(stretch)으로 묶어 높이 일치
- 자동조회 환율을 소수점 4자리로 반올림(입력폼 step·표시 일관)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/views/account/AccountView.vue | 39 ++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 13 deletions(-)

diff --git a/src/views/account/AccountView.vue b/src/views/account/AccountView.vue
index 901ed30..e65625c 100644
--- a/src/views/account/AccountView.vue
+++ b/src/views/account/AccountView.vue
@@ -103,7 +103,8 @@ async function fetchRate() {
   fxLoading.value = true
   try {
     const res = await accountApi.fxRate(form.currency, 'KRW')
-    if (res?.rate != null) form.rate = Number(res.rate)
+    // 환율은 소수점 4자리로 통일(입력폼 step·저장 정밀도 일치)
+    if (res?.rate != null) form.rate = Math.round(Number(res.rate) * 10000) / 10000
     else formInfo.value = '환율을 가져오지 못했어요. 직접 입력해 주세요.'
   } catch {
     formInfo.value = '환율 조회에 실패했어요. 직접 입력해 주세요.'
@@ -1150,10 +1151,13 @@ onMounted(async () => {
                 </div>
               </label>
               <div v-if="!isRepayment && isForeign" class="fx-row">
-                <label class="fx-rate">환율(1 {{ form.currency }})
-                  <input v-model.number="form.rate" type="number" min="0" step="0.0001" placeholder="원" :disabled="submitting" />
-                </label>
-                <button type="button" class="fx-auto" :disabled="submitting || fxLoading" @click="fetchRate">{{ fxLoading ? '…' : '↻ 자동' }}</button>
+                <div class="fx-rate-field">
+                  <span class="fx-label">환율(1 {{ form.currency }})</span>
+                  <div class="fx-rate-input">
+                    <input v-model.number="form.rate" type="number" min="0" step="0.0001" placeholder="원" :disabled="submitting" />
+                    <button type="button" class="fx-auto" :disabled="submitting || fxLoading" @click="fetchRate">{{ fxLoading ? '…' : '↻ 자동' }}</button>
+                  </div>
+                </div>
                 <span class="fx-krw">= ₩{{ (convertedKrw || 0).toLocaleString('ko-KR') }}</span>
               </div>
               <label>메모<input v-model="form.memo" type="text" placeholder="(선택)" :disabled="submitting" /></label>
@@ -1937,34 +1941,43 @@ button.primary {
 }
 .fx-row {
   display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  align-items: flex-end;
+  gap: 0.6rem;
   flex-wrap: wrap;
   margin: -0.3rem 0 0.2rem;
 }
-.fx-rate {
+.fx-rate-field {
   display: flex;
   flex-direction: column;
-  font-size: 0.8rem;
 }
-.fx-rate input {
+.fx-label {
+  font-size: 0.8rem;
+  margin-bottom: 0.2rem;
+}
+/* input 과 버튼을 한 행으로 — stretch 로 버튼 높이를 input 에 맞춤 */
+.fx-rate-input {
+  display: flex;
+  align-items: stretch;
+  gap: 0.4rem;
+}
+.fx-rate-input input {
   width: 7rem;
 }
 .fx-auto {
-  align-self: flex-end;
-  padding: 0.4rem 0.7rem;
+  padding: 0 0.7rem;
   border: 1px solid var(--color-border);
   border-radius: 6px;
   background: var(--color-background-soft);
   color: var(--color-text);
   font-size: 0.82rem;
+  white-space: nowrap;
   cursor: pointer;
 }
 .fx-krw {
-  align-self: flex-end;
   font-weight: 700;
   color: #b8860b;
   font-size: 0.9rem;
+  padding-bottom: 0.45rem;
 }
 .row-wallet {
   margin-right: 0.35rem;