cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update colors and grid

Browse Source
This commit is contained in:
liangping 2023-05-20 20:11:06 +08:00
parent 55886d5f00
commit 655f0f43c1
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/UptimeBar.vue
View File

@ -17,7 +17,7 @@ const bars = computed(() => {
// console.log(has, props.validato, element)
uptime.push({
height: element.height,
color: has > -1 ? 'bg-success' : 'bg-error',
color: has > -1 ? 'bg-green-500' : 'bg-red-500',
});
uptime.shift();
});
@ -26,12 +26,11 @@ const bars = computed(() => {
</script>
<template>
<div class="d-flex items-center justify-evenly">
<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">
<span
:class="item.color"
class="rounded"
style="width: 1.3%"
style="width: 1.2%"
>&nbsp;
</span>
</div>

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

@ -135,9 +135,9 @@ function changeTab(v: string) {
<input type="text" v-model="keyword" placeholder="Keywords to filter validators"
class="input input-sm w-full flex-1" />
</div>
<div class="grid grid-cols-1 md:!grid-cols-3 xl:!grid-cols-4 2xl:!grid-cols-6 gap-x-4 mt-4" :class="tab === '2'?'':'hidden'">
<div class="flex flex-row flex-wrap gap-x-4 mt-4" :class="tab === '2'?'':'hidden'">
<div v-for="({v, signing, hex}, i) in list" :key="i">
<div class="flex items-center justify-between py-0">
<div class="flex items-center justify-between py-0 w-72">
<label class="text-truncate text-sm">
<span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ v.description.moniker }}</span>
</label>