cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki 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>
<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>

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

@ -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-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
@ -161,13 +161,13 @@ function changeTab(v: string) {
</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>