zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions 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) // console.log(has, props.validato, element)
uptime.push({ uptime.push({
height: element.height, height: element.height,
color: has > -1 ? 'bg-success' : 'bg-error', color: has > -1 ? 'bg-green-500' : 'bg-red-500',
}); });
uptime.shift(); uptime.shift();
}); });
@ -26,12 +26,11 @@ const bars = computed(() => {
</script> </script>
<template> <template>
<div class="d-flex items-center justify-evenly"> <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"> <div class="tooltip" :data-tip="item.height">
<span <span
:class="item.color" :class="item.color"
class="rounded" style="width: 1.2%"
style="width: 1.3%"
>&nbsp; >&nbsp;
</span> </span>
</div> </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" <input type="text" v-model="keyword" placeholder="Keywords to filter validators"
class="input input-sm w-full flex-1" /> class="input input-sm w-full flex-1" />
</div> </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 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"> <label class="text-truncate text-sm">
<span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ v.description.moniker }}</span> <span class="ml-1 text-black dark:text-white">{{ i + 1 }}.{{ v.description.moniker }}</span>
</label> </label>