From 2cfac7a7723de2bff1e8315d7361f973b0362d3c Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 16 Jul 2023 23:48:04 +0800
Subject: [PATCH] modify style

---
 .../desktop/statistics/TransactionPage.vue    | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index 699f78b6..b21b34d7 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -125,17 +125,17 @@
                                                        :key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader>
                                 </div>
 
-                                <v-card-text class="statistics-overview-title pt-0"
-                                             :class="{ 'disabled': loading }" v-if="!initing">
+                                <v-card-text class="statistics-overview-title pt-0" :class="{ 'disabled': loading }"
+                                             v-if="!initing && statisticsData && statisticsData.items && statisticsData.items.length">
                                     <span class="text-subtitle-1">{{ totalAmountName }}</span>
-                                    <span class="statistics-overview-amount ml-3" :class="statisticsTextColor"
-                                          v-if="statisticsData && statisticsData.items && statisticsData.items.length">
+                                    <span class="statistics-overview-amount ml-3" :class="statisticsTextColor">
                                         {{ getDisplayAmount(statisticsData.totalAmount, defaultCurrency) }}
                                     </span>
-                                    <span class="text-subtitle-1 ml-3"
-                                          v-else-if="!statisticsData || !statisticsData.items || !statisticsData.items.length">
-                                        {{ $t('No transaction data') }}
-                                    </span>
+                                </v-card-text>
+
+                                <v-card-text class="statistics-overview-title pt-0"
+                                             v-else-if="!initing && (!statisticsData || !statisticsData.items || !statisticsData.items.length)">
+                                    <span class="text-subtitle-1 statistics-overview-empty-tip">{{ $t('No transaction data') }}</span>
                                 </v-card-text>
 
                                 <v-card-text :class="{ 'disabled': loading }" v-if="!initing && query.chartType === allChartTypes.Pie">
@@ -652,6 +652,10 @@ export default {
     text-overflow: ellipsis;
 }
 
+.statistics-overview-empty-tip {
+    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
+}
+
 .statistics-list-item {
     color: var(--v-theme-on-default);
     font-size: 1rem !important;