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

feat: validator commission

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-12 17:31:28 +08:00
parent 78543b0fe1
commit 1c038b465f
3 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/TxDialog.vue
View File

@ -1,12 +1,12 @@
<script lang="ts" setup>
import { useTxDialog } from '@/stores'
const store = useTxDialog()
import { useTxDialog } from '@/stores';
const store = useTxDialog();
</script>
<template>
<ping-tx-dialog
:type="store.type"
:sender="store.sender"
:endpoint="store.endpoint"
:params="store.params"
></ping-tx-dialog>
<ping-tx-dialog
:type="store.type"
:sender="store.sender"
:endpoint="store.endpoint"
:params="store.params"
></ping-tx-dialog>
</template>

7
src/components/UptimeBar.vue
View File

@ -24,7 +24,12 @@ const bars = computed(() => {
</script>
<template>
<div class="flex items-center justify-evenly">
<span v-for="(b, i) in bars" :key="i" :class="b.color" class="rounded" style="width: 1.5%"
<span
v-for="(b, i) in bars"
:key="i"
:class="b.color"
class="rounded"
style="width: 1.5%"
>&nbsp;
<v-tooltip
v-if="Number(b.height) > 0"

20
src/components/ValidatorCommissionRate.vue
View File

@ -151,18 +151,18 @@ const chartConfig = computed(() => {
:series="series"
/>
<div class="d-flex align-center justify-center flex-wrap mx-2 gap-x-6">
<div class="d-flex align-center gap-2">
<VBadge dot color="success" />
<span class="mt-1 text-caption">Rate:{{ rate }}%</span>
<div class="flex items-center justify-center flex-wrap mx-2 gap-x-6">
<div class="flex items-center gap-2">
<div class="bg-success w-[6px] h-[6px] rounded-full"></div>
<span class="text-caption">Rate:{{ rate }}%</span>
</div>
<div class="d-flex align-center gap-2">
<VBadge dot color="success" style="opacity: 0.2" />
<span class="mt-1 text-caption">24h: ±{{ change }}%</span>
<div class="flex items-center gap-2">
<div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>
<span class="text-caption">24h: ±{{ change }}%</span>
</div>
<div class="d-flex align-center gap-2">
<VBadge dot color="secondary" />
<span class="mt-1 text-caption">Max:{{ max }}%</span>
<div class="flex items-center gap-2">
<div class="bg-secondary w-[6px] h-[6px] rounded-full"></div>
<span class="text-caption">Max:{{ max }}%</span>
</div>
</div>
</VCardText>