From 99aa6b5b05f08cd224c822e80bfa98594bd78ce4 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Thu, 18 Jan 2024 11:33:59 +0800
Subject: [PATCH] refactor: style

---
 .../related/topology/components/Graph.vue     |  1 +
 .../related/topology/pod/InstanceMap.vue      | 19 +----------
 .../related/topology/service/HierarchyMap.vue | 19 +----------
 .../dashboard/related/topology/style.scss     | 34 +++++++++++++++++++
 4 files changed, 37 insertions(+), 36 deletions(-)
 create mode 100644 src/views/dashboard/related/topology/style.scss

diff --git a/src/views/dashboard/related/topology/components/Graph.vue b/src/views/dashboard/related/topology/components/Graph.vue
index 220205db..3741704d 100644
--- a/src/views/dashboard/related/topology/components/Graph.vue
+++ b/src/views/dashboard/related/topology/components/Graph.vue
@@ -198,6 +198,7 @@ limitations under the License. -->
       fill: var(--sw-topology-color);
       font-size: 12px;
       opacity: 0.9;
+      z-index: 1;
     }
 
     .hierarchy-services-svg {
diff --git a/src/views/dashboard/related/topology/pod/InstanceMap.vue b/src/views/dashboard/related/topology/pod/InstanceMap.vue
index 64bb916e..17559b7c 100644
--- a/src/views/dashboard/related/topology/pod/InstanceMap.vue
+++ b/src/views/dashboard/related/topology/pod/InstanceMap.vue
@@ -171,22 +171,5 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  .hierarchy-services-topo {
-    position: absolute;
-    width: 100%;
-  }
-
-  .el-loading-spinner {
-    top: 30%;
-  }
-
-  #popover {
-    position: absolute;
-    visibility: hidden;
-    padding: 5px;
-    border: var(--sw-topology-border);
-    border-radius: 3px;
-    background-color: $theme-background;
-    z-index: 9999;
-  }
+  @import url("../style.scss");
 </style>
diff --git a/src/views/dashboard/related/topology/service/HierarchyMap.vue b/src/views/dashboard/related/topology/service/HierarchyMap.vue
index 22675f58..ba09712c 100644
--- a/src/views/dashboard/related/topology/service/HierarchyMap.vue
+++ b/src/views/dashboard/related/topology/service/HierarchyMap.vue
@@ -180,22 +180,5 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  .hierarchy-services-topo {
-    position: absolute;
-    width: 100%;
-  }
-
-  .el-loading-spinner {
-    top: 30%;
-  }
-
-  #popover {
-    position: absolute;
-    visibility: hidden;
-    padding: 5px;
-    border: var(--sw-topology-border);
-    border-radius: 3px;
-    background-color: $theme-background;
-    z-index: 9999;
-  }
+  @import url("../style.scss");
 </style>
diff --git a/src/views/dashboard/related/topology/style.scss b/src/views/dashboard/related/topology/style.scss
new file mode 100644
index 00000000..3f3b07ec
--- /dev/null
+++ b/src/views/dashboard/related/topology/style.scss
@@ -0,0 +1,34 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.hierarchy-services-topo {
+  position: absolute;
+  width: 100%;
+}
+
+.el-loading-spinner {
+  top: 30%;
+}
+
+#popover {
+  position: absolute;
+  visibility: hidden;
+  padding: 5px;
+  border: var(--sw-topology-border);
+  border-radius: 3px;
+  background-color: var(--theme-background);
+  z-index: 9999;
+}