From ad4ad7bdee4b362bf664e24c0bcbb9de1ca11c7e Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Fri, 12 May 2023 22:03:06 +0800
Subject: [PATCH] feat: uptime tooltip refactor

---
 src/components/ChainSummary.vue |  2 +-
 src/components/UptimeBar.vue    | 26 +++++++++++---------------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/ChainSummary.vue b/src/components/ChainSummary.vue
index 20a9371d..d1c75928 100644
--- a/src/components/ChainSummary.vue
+++ b/src/components/ChainSummary.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getLogo, useDashboard } from '@/stores/useDashboard';
+import { useDashboard } from '@/stores/useDashboard';
 import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 
diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index 878b5630..9419085c 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -23,20 +23,16 @@ const bars = computed(() => {
 });
 </script>
 <template>
-  <div class="flex items-center justify-evenly">
-    <span
-      v-for="(b, i) in bars"
-      :key="i"
-      :class="b.color"
-      class="rounded"
-      style="width: 1.5%"
-      >&nbsp;
-      <v-tooltip
-        v-if="Number(b.height) > 0"
-        activator="parent"
-        location="top"
-        >{{ b.height }}</v-tooltip
-      >
-    </span>
+  <div class="d-flex items-center justify-evenly">
+    <div class="cursor-default"  v-for="(item, index) in bars" :key="index">
+      <div class="tooltip" :data-tip="item.height">
+        <span
+          :class="item.color"
+          class="rounded"
+          style="width: 1.5%"
+        >&nbsp;
+        </span>
+      </div>
+    </div>
   </div>
 </template>