From 06de0eb5aa0d43bfcd6425ca88fdbd96146989b4 Mon Sep 17 00:00:00 2001
From: Wangjunqi123 <wangjunqi@kylinos.cn>
Date: Mon, 13 Nov 2023 17:47:42 +0800
Subject: [PATCH] modify the position of metric button

---
 web/src/views/ClusterView.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/web/src/views/ClusterView.vue b/web/src/views/ClusterView.vue
index a1e3546..d4d5574 100755
--- a/web/src/views/ClusterView.vue
+++ b/web/src/views/ClusterView.vue
@@ -2,7 +2,7 @@
   <div id="topo-container" class="container"></div>
   <el-drawer class="drawer" v-model="chart_drawer" :with-header="false" direction="rtl" size="30%">
     <div class="drawer_head"></div>
-    <div>
+    <div class="drawer_inner_div">
       <el-button class="metric_button" @click="metric_drawer_inner = true" :icon="More" size="small" circle="true"/>
         <!-- <el-icon class="el-icon--left"><More /></el-icon> -->
       <el-drawer v-model="metric_drawer_inner" :with-header="false" :append-to-body="true" size="25%">
@@ -164,23 +164,27 @@ function updateDrawer(node: any) {
 }
 
 .drawer {
+    position: relative;
     height: 100%;
   }
 
 .drawer_head {
-      width: 100%;
-      height: 20%;
+    width: 100%;
+    height: 20%;
 
-      border-bottom: 1px solid rgb(181, 177, 177);
-    }
+    border-bottom: 1px solid rgb(181, 177, 177);
+  }
+
+.drawer_inner_div {
+  position: relative;
+}
 
 .metric_button {
       position: absolute;
       right: 0;
       top: 0; 
 
-      margin-top: 170px;
-      margin-right: 10px;
+      margin-top: 5px;
     }
 
 
-- 
Gitee