From e1684b2d77c337d6a6364ce24e36b505037ae386 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 8 Aug 2023 17:34:31 +0800
Subject: [PATCH] imp: block gap is too small on small screen.

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

diff --git a/src/components/UptimeBar.vue b/src/components/UptimeBar.vue
index 2481eb6f..6106b86c 100644
--- a/src/components/UptimeBar.vue
+++ b/src/components/UptimeBar.vue
@@ -25,12 +25,11 @@ const bars = computed(() => {
 });
 </script>
 <template>
-  <div class="flex items-center justify-evenly">
+  <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
           :class="item.color"
-          style="width: 1.2%"
         >&nbsp;
         </span>
       </div>
diff --git a/src/modules/[chain]/uptime/index.vue b/src/modules/[chain]/uptime/index.vue
index a8a37b0e..95d6d4a2 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-72">
+          <div class="flex items-center justify-between py-0 w-76">
             <label class="truncate text-sm">
               <span class="ml-1 text-black dark:text-white"
                 >{{ i + 1 }}.{{ v.description.moniker }}</span