From 5f4d1c416c1c133c994ddc4c15c774b75c970ab0 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 13 Jan 2023 16:25:56 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=85=B3=E4=BA=8E=E9=A1=B5=E9=9D=A2):=20?=
 =?UTF-8?q?=E8=AE=B8=E5=8F=AF=E8=AF=81=E6=A0=B7=E5=BC=8F=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/system/about/index.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/system/about/index.vue b/frontend/src/views/system/about/index.vue
index 2afacfda47..972a41aed9 100644
--- a/frontend/src/views/system/about/index.vue
+++ b/frontend/src/views/system/about/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div style="width: 100%;display: flex;justify-content: center;">
-    <el-card class="box-card about-card">
+    <el-card
+      class="box-card about-card"
+      :class="dynamicCardClass"
+    >
       <div
         slot="header"
         class="clearfix license-header"
@@ -110,6 +113,15 @@ export default {
     }
   },
   computed: {
+    dynamicCardClass() {
+      if (this.license?.serialNo && this.license?.remark) {
+        return 'about-card-max'
+      }
+      if (!this.license?.serialNo && !this.license?.remark) {
+        return ''
+      }
+      return 'about-card-medium'
+    },
     ...mapGetters([
       'user'
     ])
@@ -202,6 +214,12 @@ export default {
             padding: 0;
         }
     }
+    .about-card-medium {
+      height: 415px !important;
+    }
+    .about-card-max {
+      height: 430px !important;
+    }
     .license-header {
         height: 100px;
         background-image: url('../../../assets/license_header.png');