From 687d062bfc9ae045d0611c665d089702b4c9da2b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 26 May 2024 19:56:49 +0800
Subject: [PATCH] modify style

---
 src/views/desktop/overview/cards/IncomeExpenseOverviewCard.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/desktop/overview/cards/IncomeExpenseOverviewCard.vue b/src/views/desktop/overview/cards/IncomeExpenseOverviewCard.vue
index 4756f4ce..d7ba6202 100644
--- a/src/views/desktop/overview/cards/IncomeExpenseOverviewCard.vue
+++ b/src/views/desktop/overview/cards/IncomeExpenseOverviewCard.vue
@@ -17,9 +17,10 @@
         </v-card-text>
         <v-card-text class="mt-1 pb-1">
             <div class="font-weight-semibold text-truncate text-red text-h4 text-income me-2 mb-2" v-if="!loading || incomeAmount">{{ incomeAmount }}</div>
-            <v-skeleton-loader class="skeleton-no-margin mt-4 mb-7" type="text" width="120px" :loading="true" v-else-if="loading && !incomeAmount"></v-skeleton-loader>
+            <v-skeleton-loader class="skeleton-no-margin mt-4 mb-8" type="text" width="120px" :loading="true" v-else-if="loading && !incomeAmount"></v-skeleton-loader>
             <div class="text-truncate text-h5 text-expense" v-if="!loading || expenseAmount">{{ expenseAmount }}</div>
             <v-skeleton-loader class="skeleton-no-margin mb-1" type="text" width="120px" :loading="true" v-else-if="loading && !expenseAmount"></v-skeleton-loader>
+            <div class="text-truncate text-h5 mt-1 mb-8" v-if="!loading && !incomeAmount && !expenseAmount">{{ $t('No data') }}</div>
         </v-card-text>
         <v-card-text class="mt-6">
             <span class="text-caption">{{ datetime }}</span>