From fda2e832e93a163eaefb34d2ce6ff3b3aa555b24 Mon Sep 17 00:00:00 2001
From: wangdan <dan.wang@fit2cloud.com>
Date: Tue, 7 Mar 2023 14:47:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dcol=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/app-store/index.scss         |  6 ++++--
 .../src/views/app-store/installed/index.vue     | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/app-store/index.scss b/frontend/src/views/app-store/index.scss
index 414ebaeba..5f13ac119 100644
--- a/frontend/src/views/app-store/index.scss
+++ b/frontend/src/views/app-store/index.scss
@@ -2,7 +2,9 @@
     margin-top: 10px;
     cursor: pointer;
     padding: 10px;
-
+    .icon {
+        text-align: center;
+    }
 
     .a-detail {
         height: 100%;
@@ -41,7 +43,7 @@
         }
         .d-button {
             margin-top: 10px;
-						min-width: 440px;
+            min-width: 440px;
         }
     }
     &:hover {
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index b0c4db38b..ffadbc927 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -56,7 +56,16 @@
                 </div>
             </div>
             <el-row :gutter="5">
-                <el-col v-for="(installed, index) in data" :key="index" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
+                <el-col
+                    v-for="(installed, index) in data"
+                    :key="index"
+                    :xs="24"
+                    :sm="24"
+                    :md="24"
+                    :lg="12"
+                    :xl="12"
+                    class="install-card-col-12"
+                >
                     <div class="install-card">
                         <el-row :gutter="24">
                             <el-col :xs="3" :sm="3" :md="3" :lg="4" :xl="4">
@@ -398,4 +407,10 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 @import '../index.scss';
+@media only screen and (max-width: 1300px) {
+    .install-card-col-12 {
+        max-width: 100%;
+        flex: 0 0 100%;
+    }
+}
 </style>