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> <template>
<div class="bg-base-100 px-5 pt-5"> <div class="bg-base-100 px-5 pt-5">
<div class="flex items-center gap-x-4"> <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 <input
type="text" type="text"
v-model="keyword" v-model="keyword"
@ -99,12 +101,15 @@ watchEffect(() => {
class="input input-sm w-full flex-1" class="input input-sm w-full flex-1"
/> />
<button class="btn btn-primary btn-sm"> <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> </button>
</div> </div>
<div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 mt-4"> <div
<div v-for="(v, i) in validators"> 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"> <div class="flex items-center justify-between">
<VCheckbox <VCheckbox
v-model="selected" v-model="selected"
@ -112,7 +117,7 @@ watchEffect(() => {
:value="v.operator_address" :value="v.operator_address"
> >
<template v-slot:label> <template v-slot:label>
<span class="text-truncate" <span class="text-truncate text-sm"
>{{ i + 1 }}. {{ v.description.moniker }}</span >{{ i + 1 }}. {{ v.description.moniker }}</span
> >
</template> </template>