Improve UI

This commit is contained in:
liangping 2021-08-08 19:51:26 +08:00
parent de77ea57c1
commit 0ed59fa282

View File

@ -4,7 +4,7 @@
no-body no-body
> >
<b-card-header class="d-flex justify-content-between"> <b-card-header class="d-flex justify-content-between">
<small> <small class="d-none d-md-block">
<b-badge variant="danger"> <b-badge variant="danger">
&nbsp; &nbsp;
</b-badge> </b-badge>
@ -25,7 +25,8 @@
sort-by="tokens" sort-by="tokens"
striped striped
hover hover
responsive responsive="sm"
class="text-nowrap"
> >
<!-- A virtual column --> <!-- A virtual column -->
<template #cell(index)="data"> <template #cell(index)="data">
@ -37,7 +38,7 @@
</template> </template>
<!-- Column: Validator --> <!-- Column: Validator -->
<template #cell(description)="data"> <template #cell(description)="data">
<b-media vertical-align="center"> <b-media vertical-align="center d-none d-md-block">
<template #aside> <template #aside>
<b-avatar <b-avatar
v-if="data.item.avatar" v-if="data.item.avatar"
@ -113,7 +114,10 @@ export default {
validators: [new Validator()], validators: [new Validator()],
delegations: [new Validator()], delegations: [new Validator()],
validator_fields: [ validator_fields: [
{ key: 'index', label: '#' }, {
key: 'index',
label: '#',
},
{ key: 'description', label: 'Validator', sortable: true }, { key: 'description', label: 'Validator', sortable: true },
{ {
key: 'tokens', key: 'tokens',
@ -130,7 +134,10 @@ export default {
tdClass: 'text-right', tdClass: 'text-right',
thClass: 'text-right', thClass: 'text-right',
}, },
{ key: 'operation' }, {
key: 'operation',
label: '',
},
], ],
} }
}, },