From bba9951b9b989478b05dcdb313b2baf3cbf28fa8 Mon Sep 17 00:00:00 2001
From: zhaojisen <1301338853@qq.com>
Date: Fri, 7 Jun 2024 17:35:48 +0800
Subject: [PATCH] style: Modify the style of the cloud sync page when there is
 no data spatio-temporal state

---
 src/components/Table/CardTable/index.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Table/CardTable/index.vue b/src/components/Table/CardTable/index.vue
index 7c65936a2..ebff0ca0a 100644
--- a/src/components/Table/CardTable/index.vue
+++ b/src/components/Table/CardTable/index.vue
@@ -8,7 +8,7 @@
     />
     <el-row :gutter="10" class="the-row">
       <IBox v-if="totalData.length === 0">
-        <el-empty :description="$t('NoData')" class="no-data" style="padding: 20px" />
+        <el-empty :description="$t('NoData')" class="no-data" :image-size="200" style="padding: 20px" />
       </IBox>
       <el-col v-for="(d, index) in totalData" :key="index" :lg="8" :md="12" :sm="24" style="min-width: 335px;">
         <el-card
@@ -378,8 +378,11 @@ export default {
 }
 
 .no-data {
-  width: 300px;
-  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 65vh;
+  width: 100%;
 }
-
 </style>