improve uptime bar

ping-pub · Aug 9, 2023 · 4f9b280 · 4f9b280
1 parent e42c391
commit 4f9b280
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -153,21 +153,21 @@ 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
               >
             </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>