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

improve uptime bar

Browse Source
This commit is contained in:
liangping 2023-08-09 09:52:39 +08:00
parent e42c39106d
commit 4f9b2803ac
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/UptimeBar.vue
View File

@ -27,11 +27,11 @@ const bars = computed(() => {
<template> <template>
<div class="flex items-center justify-evenly gap-0.5"> <div class="flex items-center justify-evenly gap-0.5">
<div class="cursor-default" v-for="(item, index) in bars" :key="index"> <div class="cursor-default" v-for="(item, index) in bars" :key="index">
<div class="tooltip" :data-tip="item.height"> <div class="tooltip"
<span :data-tip="item.height"
:class="item.color" :class="item.color"
>&nbsp; >
</span> &nbsp;
</div> </div>
</div> </div>
</div> </div>

6
src/modules/[chain]/uptime/index.vue
View File

@ -153,7 +153,7 @@ function changeTab(v: string) {
:class="tab === '2' ? '' : 'hidden'" :class="tab === '2' ? '' : 'hidden'"
> >
<div v-for="({ v, signing, hex }, i) in list" :key="i"> <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"> <label class="truncate text-sm">
<span class="ml-1 text-black dark:text-white" <span class="ml-1 text-black dark:text-white"
>{{ i + 1 }}.{{ v.description.moniker }}</span >{{ i + 1 }}.{{ v.description.moniker }}</span
@ -161,13 +161,13 @@ function changeTab(v: string) {
</label> </label>
<div <div
v-if="Number(signing?.missed_blocks_counter || 0) > 10" 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 }} {{ signing?.missed_blocks_counter }}
</div> </div>
<div <div
v-else 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 }} {{ signing?.missed_blocks_counter }}
</div> </div>