From 3b13a23982ea7a43f7acbac52c051c6eb3d03033 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sun, 14 Dec 2025 20:23:42 +0700
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E5=92=8C=E6=A0=B7=E5=BC=8F=E4=BB=A5=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/deposit/fiat.vue                |  2 +-
 src/views/onchain-address/index.vue       |  2 +-
 src/views/user/components/wallet-card.vue | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/views/deposit/fiat.vue b/src/views/deposit/fiat.vue
index 4f2e754..b656cbd 100644
--- a/src/views/deposit/fiat.vue
+++ b/src/views/deposit/fiat.vue
@@ -53,7 +53,7 @@ async function onSubmit() {
       </ion-toolbar>
     </IonHeader>
     <IonContent :fullscreen="true" class="ion-padding">
-      <div class="flex flex-col gap-20px">
+      <div class="flex flex-col gap-5">
         <ui-input-label
           label="Recharge bank card account"
           model-value="74321329321312"
diff --git a/src/views/onchain-address/index.vue b/src/views/onchain-address/index.vue
index 106d20f..e011c75 100644
--- a/src/views/onchain-address/index.vue
+++ b/src/views/onchain-address/index.vue
@@ -45,7 +45,7 @@ const { user } = useAuth();
           </div>
         </div>
 
-        <div class="ion-margin-top ion-text-center flex gap-24px">
+        <div class="ion-margin-top ion-text-center flex gap-6">
           <ion-button fill="clear">
             <ion-icon slot="start" :icon="shareOutline" />
             Share
diff --git a/src/views/user/components/wallet-card.vue b/src/views/user/components/wallet-card.vue
index 279d3ba..4ff35f5 100644
--- a/src/views/user/components/wallet-card.vue
+++ b/src/views/user/components/wallet-card.vue
@@ -33,10 +33,10 @@ onIonViewDidEnter(() => {
 </script>
 
 <template>
-  <div class="mt-20px shadow-md  rounded-6px">
-    <div class="grid grid-cols-2 gap-20px p-20px bg-[var(--ion-card-background)]">
-      <div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-4px">
-        <div class="ion-text-uppercase text-xs color-text-400 font-500 tracking-0.4px">
+  <div class="mt-5 shadow-md rounded-md">
+    <div class="grid grid-cols-2 gap-5 p-5 bg-(--ion-card-background)">
+      <div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-1">
+        <div class="uppercase text-xs text-text-400 font-medium tracking-[0.4px]">
           {{ item.assetCode }}
         </div>
         <div class="text-lg font-bold">
@@ -45,8 +45,8 @@ onIonViewDidEnter(() => {
       </div>
     </div>
 
-    <div class="px-10px pb-20px bg-[var(--ion-card-background)]">
-      <ion-buttons class="gap-10px" expand="block">
+    <div class="px-2.5 pb-5 bg-(--ion-card-background)">
+      <ion-buttons class="gap-2.5" expand="block">
         <ion-button id="open-recharge-modal" expand="block" fill="clear">
           {{ t("wallet.recharge") }}
         </ion-button>