feat: 更新 API 地址，优化样式和组件，添加新主题变量

src/views/chat/index.vue

@@ -7,10 +7,10 @@ import IcOutlineCleaningServices from "~icons/ic/outline-cleaning-services";
   <IonPage>
     <IonHeader>
       <ion-toolbar class="ui-toolbar">
-        <ion-button slot="start" fill="clear" color="dark">
+        <ion-button slot="start" fill="clear">
           <IcOutlineCleaningServices slot="icon-only" />
         </ion-button>
-        <ion-button slot="end" fill="clear" color="dark">
+        <ion-button slot="end" fill="clear">
           <IcBaselinePermContactCalendar slot="icon-only" />
         </ion-button>
         <ion-title>Chat</ion-title>

src/views/onchain-address/index.vue

@@ -9,7 +9,7 @@ const { user } = useAuth();
     <IonHeader>
       <IonToolbar class="ui-toolbar">
         <ion-buttons slot="start">
-          <ion-back-button default-href="/layout/user" />
+          <ion-back-button />
         </ion-buttons>
         <ion-title>My Onchain Address</ion-title>
       </IonToolbar>
@@ -19,7 +19,7 @@ const { user } = useAuth();
         <div class="container">
           <div class="user-info">
             <div class="avatar-wrapper">
-              <ion-avatar class="avatar">
+              <ion-avatar class="avatar size-16">
                 <img alt="User avatar" :src="user?.image || 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'">
               </ion-avatar>
             </div>

src/views/riwa/index.vue

@@ -20,17 +20,11 @@ async function handleLogout() {
 <template>
   <IonPage ref="page">
     <IonHeader>
-      <IonToolbar>
+      <IonToolbar class="ui-tabbar">
         <IonTitle>Home</IonTitle>
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
-      <IonHeader collapse="condense">
-        <IonToolbar>
-          <IonTitle>Home</IonTitle>
-        </IonToolbar>
-      </IonHeader>
-
       <IonButton @click="openSignin">
         Log in
       </IonButton>

src/views/user/components/wallet-card.vue

@@ -1,7 +1,10 @@
 <script lang='ts' setup>
+import { client } from "@/api";
+
 const balance = ref(9999999.00);
 
 const formattedBalance = formatBalance(balance);
+const { data } = await client.asset.balances.get();
 </script>
 
 <template>

src/views/user/index.vue

@@ -9,13 +9,13 @@ import WalletCard from "./components/wallet-card.vue";
     <ion-header>
       <ion-toolbar class="ui-toolbar">
         <div slot="end">
-          <ion-button fill="clear" color="dark">
+          <ion-button fill="clear">
             <ion-icon slot="icon-only" :icon="scanOutline" />
           </ion-button>
-          <ion-button fill="clear" color="dark">
+          <ion-button fill="clear">
             <ion-icon slot="icon-only" :icon="notificationsOutline" />
           </ion-button>
-          <ion-button fill="clear" color="dark">
+          <ion-button fill="clear">
             <ion-icon slot="icon-only" :icon="settingsOutline" />
           </ion-button>
         </div>