From 52dd0da4f8a1b4a4a6434e98e12401ebb413a35d Mon Sep 17 00:00:00 2001
From: wangdan <dan.wang@fit2cloud.com>
Date: Tue, 28 Feb 2023 11:12:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8Fbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json                         | 14 +++++++-------
 frontend/package.json                              |  2 +-
 .../components/app-layout/menu/components/Logo.vue | 12 ++++--------
 frontend/src/views/home/index.vue                  |  2 +-
 4 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 735a8a9fa..d4c8abafa 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,7 +17,7 @@
                 "axios": "^0.27.2",
                 "echarts": "^5.3.0",
                 "echarts-liquidfill": "^3.1.0",
-                "element-plus": "^2.2.13",
+                "element-plus": "^2.2.32",
                 "fit2cloud-ui-plus": "^1.0.4",
                 "js-base64": "^3.7.2",
                 "js-md5": "^0.7.3",
@@ -4316,9 +4316,9 @@
             "integrity": "sha512-g6RQ9zCOV+U5QVHW9OpFR7rdk/V7xfopNXnyAamdpFgCHgZ1sjI8VuR1+zG2YG/TZk+tQ8mpNkug4P8FU0fuOA=="
         },
         "node_modules/element-plus": {
-            "version": "2.2.18",
-            "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.18.tgz",
-            "integrity": "sha512-2pK2zmVOwP14eFl3rGoR+3BWJwDyO+DZCvzjQ8L6qjUR+hVKwFhgxIcSkKJatbcHFw5Xui6UyN20jV+gQP7mLg==",
+            "version": "2.2.32",
+            "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.32.tgz",
+            "integrity": "sha512-DTJMhYOy6MApbmh6z/95hPTK5WrBiNHGzV4IN+uEkup1WoimQ+Qyt8RxKdTe/X1LWEJ8YgWv/Cl8P4ocrt5z5g==",
             "dependencies": {
                 "@ctrl/tinycolor": "^3.4.1",
                 "@element-plus/icons-vue": "^2.0.6",
@@ -14149,9 +14149,9 @@
             "integrity": "sha512-g6RQ9zCOV+U5QVHW9OpFR7rdk/V7xfopNXnyAamdpFgCHgZ1sjI8VuR1+zG2YG/TZk+tQ8mpNkug4P8FU0fuOA=="
         },
         "element-plus": {
-            "version": "2.2.18",
-            "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.18.tgz",
-            "integrity": "sha512-2pK2zmVOwP14eFl3rGoR+3BWJwDyO+DZCvzjQ8L6qjUR+hVKwFhgxIcSkKJatbcHFw5Xui6UyN20jV+gQP7mLg==",
+            "version": "2.2.32",
+            "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.32.tgz",
+            "integrity": "sha512-DTJMhYOy6MApbmh6z/95hPTK5WrBiNHGzV4IN+uEkup1WoimQ+Qyt8RxKdTe/X1LWEJ8YgWv/Cl8P4ocrt5z5g==",
             "requires": {
                 "@ctrl/tinycolor": "^3.4.1",
                 "@element-plus/icons-vue": "^2.0.6",
diff --git a/frontend/package.json b/frontend/package.json
index b82d61aba..14e0c9bd6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -29,7 +29,7 @@
         "axios": "^0.27.2",
         "echarts": "^5.3.0",
         "echarts-liquidfill": "^3.1.0",
-        "element-plus": "^2.2.13",
+        "element-plus": "^2.2.32",
         "fit2cloud-ui-plus": "^1.0.4",
         "js-base64": "^3.7.2",
         "js-md5": "^0.7.3",
diff --git a/frontend/src/components/app-layout/menu/components/Logo.vue b/frontend/src/components/app-layout/menu/components/Logo.vue
index 36932ded8..0d381d2f0 100644
--- a/frontend/src/components/app-layout/menu/components/Logo.vue
+++ b/frontend/src/components/app-layout/menu/components/Logo.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="logo flx-center">
-        <img v-show="!isCollapse" :src="getLogoUrl(isCollapse)" alt="" />
-        <img v-show="isCollapse" :src="getLogoUrl(isCollapse)" alt="" />
+        <img :src="getLogoUrl(isCollapse)" alt="" />
     </div>
 </template>
 
@@ -26,13 +25,10 @@ const getLogoUrl = (isCollapse: boolean) => {
     box-sizing: border-box;
     height: 55px;
     margin: 5px 0;
-    img:first-child {
-        width: 130px;
-        object-fit: contain;
-    }
-    img:nth-child(2) {
-        height: 45px;
+    padding: 0 15px;
+    img {
         object-fit: contain;
+        height: 40px;
     }
 }
 </style>
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index 9f24482d5..256109c10 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -109,7 +109,7 @@
                             <div
                                 v-if="chartOption === 'io'"
                                 id="ioChart"
-                                style="margin-top: 20px; width: 100%; height: 300px"
+                                style="margin-top: 40px; width: 100%; height: 300px"
                             ></div>
                             <div
                                 v-if="chartOption === 'network'"