From a991adecafc353d7fc006e20dcdd00e5a7cd9a48 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 26 Aug 2023 19:36:39 +0800
Subject: [PATCH] modify style

---
 src/styles/desktop/global.scss                            | 8 ++++++++
 src/views/desktop/SignupPage.vue                          | 6 +++++-
 src/views/desktop/accounts/list/dialogs/EditDialog.vue    | 6 +++++-
 .../desktop/user/settings/tabs/UserBasicSettingTab.vue    | 6 +++++-
 4 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/styles/desktop/global.scss b/src/styles/desktop/global.scss
index 986c857b..c13b6782 100644
--- a/src/styles/desktop/global.scss
+++ b/src/styles/desktop/global.scss
@@ -22,6 +22,10 @@ input[type=number] {
     pointer-events: none !important;
 }
 
+.smaller {
+    font-size: 0.75rem;
+}
+
 .overflow-y-visible {
     overflow-y: visible !important;
 }
@@ -116,6 +120,10 @@ input[type=number] {
     row-gap: 1rem;
 }
 
+.text-field-append-text {
+    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
+}
+
 /** Common class for replacing the default style of vuetify **/
 .v-table {
     th {
diff --git a/src/views/desktop/SignupPage.vue b/src/views/desktop/SignupPage.vue
index 4af64ac1..cc6d38ac 100644
--- a/src/views/desktop/SignupPage.vue
+++ b/src/views/desktop/SignupPage.vue
@@ -134,7 +134,11 @@
                                             :items="allCurrencies"
                                             :no-data-text="$t('No results')"
                                             v-model="user.defaultCurrency"
-                                        />
+                                        >
+                                            <template #append-inner>
+                                                <small class="text-field-append-text smaller">{{ user.defaultCurrency }}</small>
+                                            </template>
+                                        </v-autocomplete>
                                     </v-col>
 
                                     <v-col cols="12" md="6">
diff --git a/src/views/desktop/accounts/list/dialogs/EditDialog.vue b/src/views/desktop/accounts/list/dialogs/EditDialog.vue
index a399d35e..8058de5b 100644
--- a/src/views/desktop/accounts/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/accounts/list/dialogs/EditDialog.vue
@@ -121,7 +121,11 @@
                                         :items="allCurrencies"
                                         :no-data-text="$t('No results')"
                                         v-model="selectedAccount.currency"
-                                    />
+                                    >
+                                        <template #append-inner>
+                                            <small class="text-field-append-text smaller">{{ selectedAccount.currency }}</small>
+                                        </template>
+                                    </v-autocomplete>
                                 </v-col>
                                 <v-col cols="12" md="12" v-if="account.type === allAccountTypes.SingleAccount || currentAccountIndex >= 0">
                                     <amount-input :disabled="loading || submitting || !!editAccountId"
diff --git a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
index caa99cab..2bbd4ded 100644
--- a/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
+++ b/src/views/desktop/user/settings/tabs/UserBasicSettingTab.vue
@@ -125,7 +125,11 @@
                                     :items="allCurrencies"
                                     :no-data-text="$t('No results')"
                                     v-model="newProfile.defaultCurrency"
-                                />
+                                >
+                                    <template #append-inner>
+                                        <small class="text-field-append-text smaller">{{ newProfile.defaultCurrency }}</small>
+                                    </template>
+                                </v-autocomplete>
                             </v-col>
 
                             <v-col cols="12" md="6">