From 74519e6f3c5fac2f9dbf9af6d25db50f099f2905 Mon Sep 17 00:00:00 2001
From: zhaojisen <1301338853@qq.com>
Date: Wed, 18 Sep 2024 21:15:49 +0800
Subject: [PATCH] style: Adjust the remote application page layout

---
 src/components/Table/CardTable/index.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Table/CardTable/index.vue b/src/components/Table/CardTable/index.vue
index 9915141b7..b99a32be4 100644
--- a/src/components/Table/CardTable/index.vue
+++ b/src/components/Table/CardTable/index.vue
@@ -7,10 +7,10 @@
       v-bind="headerActions"
     />
     <el-row :gutter="10" class="the-row">
-      <IBox v-if="totalData.length === 0">
+      <IBox v-if="totalData.length === 0" style="width: 100%">
         <el-empty :description="$t('NoData')" :image-size="200" class="no-data" 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-col v-for="(d, index) in totalData" :key="index" style="max-width: 550px; width: 350px">
         <el-card
           :body-style="{ 'text-align': 'center', 'padding': '15px' }"
           :class="{'is-disabled': isDisabled(d)}"
@@ -234,8 +234,10 @@ export default {
 
 <style lang="scss" scoped>
 .the-row {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
   margin-top: 15px;
-  max-width: 1600px;
   text-align: center;
 
   .el-col, div {