From 4f9b2803ac139e677b0b6c6c25775607884086ea Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 9 Aug 2023 09:52:39 +0800
Subject: [PATCH] improve uptime bar

---
 src/components/UptimeBar.vue         | 8 ++++----
 src/modules/[chain]/uptime/index.vue | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index 6106b86c..f1a3ea25 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -27,11 +27,11 @@ const bars = computed(() => {
 <template>
   <div class="flex items-center justify-evenly gap-0.5">
     <div class="cursor-default" v-for="(item, index) in bars" :key="index">
-      <div class="tooltip" :data-tip="item.height">
-        <span
+      <div class="tooltip" 
+          :data-tip="item.height" 
           :class="item.color"
-        >&nbsp;
-        </span>
+      >
+        &nbsp;
       </div>
     </div>
   </div>
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index 95d6d4a2..0465ac3c 100644
--- a/src/modules/[chain]/uptime/index.vue
+++ b/src/modules/[chain]/uptime/index.vue
@@ -153,7 +153,7 @@ function changeTab(v: string) {
         :class="tab === '2' ? '' : 'hidden'"
       >
         <div v-for="({ v, signing, hex }, i) in list" :key="i">
-          <div class="flex items-center justify-between py-0 w-76">
+          <div class="flex items-center justify-between py-0 w-[305px]">
             <label class="truncate text-sm">
               <span class="ml-1 text-black dark:text-white"
                 >{{ i + 1 }}.{{ v.description.moniker }}</span
@@ -161,13 +161,13 @@ function changeTab(v: string) {
             </label>
             <div
               v-if="Number(signing?.missed_blocks_counter || 0) > 10"
-              class="badge badge-sm bg-transparent border-0 text-red-500"
+              class="badge badge-sm bg-transparent border-0 text-red-500 font-bold"
             >
               {{ signing?.missed_blocks_counter }}
             </div>
             <div
               v-else
-              class="badge badge-sm bg-transparent text-green-600 border-0"
+              class="badge badge-sm bg-transparent text-green-600 border-0 font-bold"
             >
               {{ signing?.missed_blocks_counter }}
             </div>