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

feat: uptime layout

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-14 10:17:38 +08:00
parent e34e01e664
commit d0919e919a
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,7 +91,9 @@ watchEffect(() => {
<template>
<div class="bg-base-100 px-5 pt-5">
<div class="flex items-center gap-x-4">
<div class="text-main text-lg">Current Height: {{ latest.block?.header?.height }}</div>
<div class="text-main text-lg">
Current Height: {{ latest.block?.header?.height }}
</div>
<input
type="text"
v-model="keyword"
@ -99,12 +101,15 @@ watchEffect(() => {
class="input input-sm w-full flex-1"
/>
<button class="btn btn-primary btn-sm">
<Icon icon="mdi-star" class="mr-2 text-lg" /> <span class="">Favorite</span>
<Icon icon="mdi-star" class="mr-2 text-lg" />
<span class="">Favorite</span>
</button>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 mt-4">
<div v-for="(v, i) in validators">
<div
class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 gap-x-4 mt-4"
>
<div v-for="(v, i) in validators" :key="i">
<div class="flex items-center justify-between">
<VCheckbox
v-model="selected"
@ -112,7 +117,7 @@ watchEffect(() => {
:value="v.operator_address"
>
<template v-slot:label>
<span class="text-truncate"
<span class="text-truncate text-sm"
>{{ i + 1 }}. {{ v.description.moniker }}</span
>
</template>