From 41034de676964d2e8c441f7d9cafed7693050d0a Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 16 Jul 2023 18:02:58 +0800
Subject: [PATCH] modify style

---
 .../statistics/AccountFilterSettingsCard.vue       |  4 ++--
 .../statistics/CategoryFilterSettingsCard.vue      |  4 ++--
 src/views/desktop/statistics/TransactionPage.vue   | 14 ++++++++------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/views/desktop/statistics/AccountFilterSettingsCard.vue b/src/views/desktop/statistics/AccountFilterSettingsCard.vue
index b3ec4baf..941e9a10 100644
--- a/src/views/desktop/statistics/AccountFilterSettingsCard.vue
+++ b/src/views/desktop/statistics/AccountFilterSettingsCard.vue
@@ -46,10 +46,10 @@
             </div>
         </template>
 
-        <v-card-text v-if="loading">
+        <div v-if="loading">
             <v-skeleton-loader type="paragraph" :loading="loading"
                                :key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader>
-        </v-card-text>
+        </div>
 
         <v-card-text v-if="!loading && !hasAnyAvailableAccount">
             <span class="text-subtitle-1">{{ $t('No available account') }}</span>
diff --git a/src/views/desktop/statistics/CategoryFilterSettingsCard.vue b/src/views/desktop/statistics/CategoryFilterSettingsCard.vue
index 61c16fc9..7412dfc0 100644
--- a/src/views/desktop/statistics/CategoryFilterSettingsCard.vue
+++ b/src/views/desktop/statistics/CategoryFilterSettingsCard.vue
@@ -46,10 +46,10 @@
             </div>
         </template>
 
-        <v-card-text v-if="loading">
+        <div v-if="loading">
             <v-skeleton-loader type="paragraph" :loading="loading"
                                :key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader>
-        </v-card-text>
+        </div>
 
         <v-card-text v-else-if="!loading">
             <v-expansion-panels class="category-types" multiple v-model="expandCategoryTypes">
diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index af3047c7..9bda1d47 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -23,7 +23,8 @@
                             </v-btn-toggle>
                         </div>
                         <v-divider />
-                        <v-tabs show-arrows class="my-4" direction="vertical" v-model="query.chartDataType">
+                        <v-tabs show-arrows class="my-4" direction="vertical"
+                                :disabled="loading" v-model="query.chartDataType">
                             <v-tab :key="dataType.type" :value="dataType.type"
                                    v-for="dataType in allChartDataTypes">
                                 {{ $t(dataType.name) }}
@@ -119,12 +120,13 @@
                                     </div>
                                 </template>
 
-                                <v-card-text v-if="initing">
+                                <div v-if="initing">
                                     <v-skeleton-loader type="paragraph" :loading="initing"
                                                        :key="itemIdx" v-for="itemIdx in [ 1, 2, 3 ]"></v-skeleton-loader>
-                                </v-card-text>
+                                </div>
 
-                                <v-card-text class="statistics-overview-title pt-0" v-if="!initing">
+                                <v-card-text class="statistics-overview-title pt-0"
+                                             :class="{ 'disabled': loading }" v-if="!initing">
                                     <span class="text-subtitle-1">{{ totalAmountName }}</span>
                                     <span class="statistics-overview-amount ml-3" :class="statisticsTextColor"
                                           v-if="statisticsData && statisticsData.items && statisticsData.items.length">
@@ -136,7 +138,7 @@
                                     </span>
                                 </v-card-text>
 
-                                <v-card-text v-if="!initing && query.chartType === allChartTypes.Pie">
+                                <v-card-text :class="{ 'disabled': loading }" v-if="!initing && query.chartType === allChartTypes.Pie">
                                     <pie-chart
                                         :items="statisticsData && statisticsData.items && statisticsData.items.length ? statisticsData.items : []"
                                         :min-valid-percent="0.0001"
@@ -153,7 +155,7 @@
                                     />
                                 </v-card-text>
 
-                                <v-card-text v-if="!initing && query.chartType === allChartTypes.Bar">
+                                <v-card-text :class="{ 'disabled': loading }" v-if="!initing && query.chartType === allChartTypes.Bar">
                                     <v-list rounded lines="two"
                                             v-if="statisticsData && statisticsData.items && statisticsData.items.length">
                                         <template :key="idx"