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

use smaller countdown

Browse Source
This commit is contained in:
liangping 2022-05-03 23:01:00 +08:00
parent bd698ee6c1
commit 054c6ce50e
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/WalletUpgradeEvents.vue
View File

@ -10,11 +10,12 @@
<b-card :bg-variant="p.variant"> <b-card :bg-variant="p.variant">
<b-card-title class="mb-1"> <b-card-title class="mb-1">
<b-avatar <b-avatar
v-b-tooltip.hover
:src="p.chain.logo" :src="p.chain.logo"
:title="p.chain.chain_name"
variant="light-primary" variant="light-primary"
size="22" size="22"
/> />
<span class="text-uppercase"> {{ p.chain.chain_name }}</span>
#{{ p.id }}. #{{ p.id }}.
<router-link <router-link
:to="`/${p.chain.chain_name}/gov/${p.id}?from=/wallet/votes`" :to="`/${p.chain.chain_name}/gov/${p.id}?from=/wallet/votes`"
@ -22,7 +23,11 @@
{{ p.title }} {{ p.status }} {{ p.title }} {{ p.status }}
</router-link> </router-link>
</b-card-title> </b-card-title>
<flip-countdown :deadline="p.countdown" /> <flip-countdown
:deadline="p.countdown"
countdown-size="28px"
label-size="12px"
/>
</b-card> </b-card>
</b-col> </b-col>
</b-row> </b-row>
@ -32,7 +37,7 @@
<script> <script>
import { getLocalAccounts, getLocalChains } from '@/libs/utils' import { getLocalAccounts, getLocalChains } from '@/libs/utils'
import { import {
BRow, BCol, BCard, BCardTitle, BAvatar, BRow, BCol, BCard, BCardTitle, BAvatar, VBTooltip,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import FlipCountdown from 'vue2-flip-countdown' import FlipCountdown from 'vue2-flip-countdown'
import dayjs from 'dayjs' import dayjs from 'dayjs'
@ -47,6 +52,9 @@ export default {
BCardTitle, BCardTitle,
FlipCountdown, FlipCountdown,
}, },
directives: {
'b-tooltip': VBTooltip,
},
props: { props: {
content: { content: {
type: String, type: String,