zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

imp: count down

Browse Source
This commit is contained in:
liangping 2023-06-15 18:56:57 +08:00
parent f12c16bb9b
commit 2e0d075587
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/[chain]/block/[height].vue
View File

@ -62,10 +62,10 @@ onBeforeRouteUpdate(async (to, from, next) => {
</script> </script>
<template> <template>
<div> <div>
<div v-if="isFutureBlock" class="text-center pt-28"> <div v-if="isFutureBlock" class="text-center">
<div v-if="remainingBlocks > 0"> <div v-if="remainingBlocks > 0">
<div class="text-primary font-bold text-lg md: my-8">#{{ target }}</div> <div class="text-primary font-bold text-lg my-10">#{{ target }}</div>
<Countdown :time="estimateTime" css="text-5xl font-sans md:mx-5" /> <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 class="my-5">Estimated Time: <span class="text-xl font-bold">{{ format.toLocaleDate(estimateDate) }}</span>
</div> </div>
<div class="pt-10 flex justify-center"> <div class="pt-10 flex justify-center">
@ -73,7 +73,7 @@ onBeforeRouteUpdate(async (to, from, next) => {
<tbody> <tbody>
<tr class="hover cursor-pointer" @click="edit = !edit"> <tr class="hover cursor-pointer" @click="edit = !edit">
<td>Countdown For Block:</td> <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>
<tr v-if="edit"> <tr v-if="edit">
<td colspan="2" class="text-center"> <td colspan="2" class="text-center">

4
src/modules/[chain]/block/index.vue
View File

@ -19,10 +19,10 @@ const list = computed(() => {
<div> <div>
<div class="tabs tabs-boxed bg-transparent mb-4"> <div class="tabs tabs-boxed bg-transparent mb-4">
<a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'blocks' }" <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" <RouterLink class="tab text-gray-400 uppercase"
:to="`/${chain}/block/${Number(base.latest?.block?.header.height||0) + 10000}`" :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' }" <a class="tab text-gray-400 uppercase" :class="{ 'tab-active': tab === 'transactions' }"
@click="tab = 'transactions'">Transactions</a> @click="tab = 'transactions'">Transactions</a>
</div> </div>