From 02157848b6f1c4279c38af3292e18ed7ac80e289 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Tue, 22 Mar 2022 15:59:01 +0800
Subject: [PATCH] update style

---
 src/views/dashboard/graphs/EndpointList.vue          |  4 ++++
 .../related/topology/components/PodTopology.vue      | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/graphs/EndpointList.vue b/src/views/dashboard/graphs/EndpointList.vue
index 3efea0c2..e9f9c06d 100644
--- a/src/views/dashboard/graphs/EndpointList.vue
+++ b/src/views/dashboard/graphs/EndpointList.vue
@@ -163,6 +163,10 @@ function clickEndpoint(scope: any) {
     layer: dashboardStore.layerId,
     entity: EntityType[2].value,
   });
+  if (!d) {
+    ElMessage.error("No this dashboard");
+    return;
+  }
   dashboardStore.setEntity(EntityType[2].value);
   dashboardStore.setCurrentDashboard(d);
   router.push(
diff --git a/src/views/dashboard/related/topology/components/PodTopology.vue b/src/views/dashboard/related/topology/components/PodTopology.vue
index 0fffc133..66d3dcae 100644
--- a/src/views/dashboard/related/topology/components/PodTopology.vue
+++ b/src/views/dashboard/related/topology/components/PodTopology.vue
@@ -49,7 +49,7 @@ limitations under the License. -->
   </div>
   <div
     class="sankey"
-    :style="`height:${height}px;width:${width}px;`"
+    :style="`height:${height - 30}px;width:${width}px;`"
     v-loading="loading"
     element-loading-background="rgba(0, 0, 0, 0)"
     @click="handleClick"
@@ -120,6 +120,7 @@ const items = [
 
 onMounted(() => {
   loadTopology(selectorStore.currentPod && selectorStore.currentPod.id);
+  window.addEventListener("resize", resize);
 });
 
 async function loadTopology(id: string) {
@@ -140,6 +141,15 @@ async function loadTopology(id: string) {
   topologyStore.queryNodeMetrics(settings.value.nodeMetrics || []);
 }
 
+function resize() {
+  const dom = document.querySelector(".topology")?.getBoundingClientRect() || {
+    height: 40,
+    width: 0,
+  };
+  height.value = dom.height - 40;
+  width.value = dom.width;
+}
+
 function inspect() {
   const id = topologyStore.node.id;
   topologyStore.setNode(null);