diff --git a/src/libs/data/data.js b/src/libs/data/data.js
index 5c353eba..88c0ea84 100644
--- a/src/libs/data/data.js
+++ b/src/libs/data/data.js
@@ -1,11 +1,20 @@
-import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
import {
Bech32, fromBase64, fromHex, toHex,
} from '@cosmjs/encoding'
import { sha256 } from '@cosmjs/crypto'
+import dayjs from 'dayjs'
+import duration from 'dayjs/plugin/duration'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import localeData from 'dayjs/plugin/localeData'
+
+dayjs.extend(duration)
dayjs.extend(relativeTime)
+dayjs.extend(localeData)
+
+export function toDuration(value) {
+ return dayjs.duration(value).humanize()
+}
export function toDay(time, format = 'long') {
if (format === 'long') {
diff --git a/src/views/Governance.vue b/src/views/Governance.vue
index a7276bf6..a044abd6 100644
--- a/src/views/Governance.vue
+++ b/src/views/Governance.vue
@@ -242,6 +242,7 @@ section {
.gov-wrapper .gov {
padding: .5rem;
margin: .3rem;
+ min-width: 8rem;
text-align: center;
background-color: #f8f8f8;
border-radius: .357rem;
diff --git a/src/views/Staking.vue b/src/views/Staking.vue
index 8252652c..e175b468 100644
--- a/src/views/Staking.vue
+++ b/src/views/Staking.vue
@@ -15,7 +15,7 @@
Top 67% of Voting Power
- Validators {{ validators.length }}/{{ stakingParameters.max_validators }}
+ Validators {{ validators.length }}/{{ stakingParameters.max_validators }}
import { BRow, BCol } from 'bootstrap-vue'
import {
- formatNumber, isToken, percent, tokenFormatter,
+ formatNumber, isToken, percent, toDuration, tokenFormatter,
} from '@/libs/data'
-import dayjs from 'dayjs'
-import duration from 'dayjs/plugin/duration'
-import relativeTime from 'dayjs/plugin/relativeTime'
-import localeData from 'dayjs/plugin/localeData'
import SummaryParmetersComponent from './SummaryParmetersComponent.vue'
-dayjs.extend(duration)
-dayjs.extend(relativeTime)
-dayjs.extend(localeData)
-
export default {
components: {
BRow,
@@ -162,7 +154,7 @@ export default {
return { title: `${percent(d)}%`, subtitle: k }
}
if (d > 1000000000) {
- return { title: `${dayjs.duration(d / 1000000).humanize()}`, subtitle: k }
+ return { title: `${toDuration(d / 1000000)}`, subtitle: k }
}
return { title: data[k], subtitle: k }
})