From 30ddb294f50b0f88fc908b92e54c436ee6c9535e Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 8 Nov 2021 10:46:05 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1203=20style=20=EF=BC=9A=20project=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B0=8F=E7=AA=97=E5=8F=A3=E4=B8=8B=E7=9A=84?=
 =?UTF-8?q?=E6=A8=AA=E5=90=91=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/project/topologyL5.vue  | 6 +++---
 nezha-fronted/src/components/page/monitor/project/index.vue | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 3ec6c1256..abeede4dc 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -615,12 +615,12 @@ export default {
       // getTopology(this.topologyIndex).fitView(30)
     },
     shrink (n) {
-      setTimeout(()=>{
+      setTimeout(() => {
         const domRect = document.getElementById('topology-canvas' + this.topologyIndex).getBoundingClientRect()
         getTopology(this.topologyIndex).canvasPos = domRect
         getTopology(this.topologyIndex).resize()
         getTopology(this.topologyIndex).centerView()
-      },500)
+      }, 500)
     }
   },
   computed: {
@@ -2114,7 +2114,7 @@ export default {
         })
         getTopology(this.topologyIndex).centerView()
         this.getNodesArr()
-      }, 100)
+      }, 500)
     },
     contextmenuNone () {
       this.contextmenu = {
diff --git a/nezha-fronted/src/components/page/monitor/project/index.vue b/nezha-fronted/src/components/page/monitor/project/index.vue
index ea81474c5..717f167cc 100644
--- a/nezha-fronted/src/components/page/monitor/project/index.vue
+++ b/nezha-fronted/src/components/page/monitor/project/index.vue
@@ -52,13 +52,18 @@ export default {
   width: 100%;
   display: flex;
   background: #f6f6f6;
+  overflow-x: auto;
   .projectList{
     flex: 1;
+    width: calc(50% - 10px);
     margin-right: 10px;
+    min-width: 745px;
   }
   .projectTopo{
     flex: 1;
+    width: calc(50% - 10px);
     margin-right: 10px;
+    min-width: 435px;
   }
   .hide{
     display: none;