From 2e0d075587e43dc04fcb253407d1ebd193e7b493 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 15 Jun 2023 18:56:57 +0800
Subject: [PATCH] imp: count down

---
 src/modules/[chain]/block/[height].vue | 8 ++++----
 src/modules/[chain]/block/index.vue    | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/modules/[chain]/block/[height].vue b/src/modules/[chain]/block/[height].vue
index 66094b7a..d7dc8f17 100644
--- a/src/modules/[chain]/block/[height].vue
+++ b/src/modules/[chain]/block/[height].vue
@@ -62,10 +62,10 @@ onBeforeRouteUpdate(async (to, from, next) => {
 </script>
 <template>
   <div>
-    <div v-if="isFutureBlock" class="text-center pt-28">
+    <div v-if="isFutureBlock" class="text-center">
       <div v-if="remainingBlocks > 0">
-        <div class="text-primary font-bold text-lg md: my-8">#{{ target }}</div>
-        <Countdown :time="estimateTime" css="text-5xl font-sans md:mx-5" />
+        <div class="text-primary font-bold text-lg my-10">#{{ target }}</div>
+        <Countdown :time="estimateTime" css="md:!text-5xl font-sans md:mx-5" />
         <div class="my-5">Estimated Time: <span class="text-xl font-bold">{{ format.toLocaleDate(estimateDate) }}</span>
         </div>
         <div class="pt-10 flex justify-center">
@@ -73,7 +73,7 @@ onBeforeRouteUpdate(async (to, from, next) => {
             <tbody>
               <tr class="hover cursor-pointer" @click="edit = !edit">
                 <td>Countdown For Block:</td>
-                <td class="text-right"><span class=" ml-40">{{ target }}</span></td>
+                <td class="text-right"><span class="md:!ml-40">{{ target }}</span></td>
               </tr>
               <tr v-if="edit">
                 <td colspan="2" class="text-center">
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index bdbd1859..4edfa228 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -19,10 +19,10 @@ const list = computed(() => {
     <div>
         <div class="tabs tabs-boxed bg-transparent mb-4">
             <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'blocks' }"
-                @click="tab = 'blocks'">Recent Blocks</a>
+                @click="tab = 'blocks'">Recent</a>
             <RouterLink class="tab text-gray-400 uppercase" 
                 :to="`/${chain}/block/${Number(base.latest?.block?.header.height||0) + 10000}`"
-                >Future blocks</RouterLink>
+                >Future</RouterLink>
             <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transactions' }"
                 @click="tab = 'transactions'">Transactions</a>
         </div>