cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change layout from 3 to 4

Browse Source
This commit is contained in:
liangping 2022-03-16 11:41:49 +08:00
parent 67d3ab7871
commit e15918151e
1 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/views/Home.vue
View File

@ -40,7 +40,7 @@
<b-col <b-col
v-for="(data,index) in chains" v-for="(data,index) in chains"
:key="index" :key="index"
md="4" md="3"
sm="6" sm="6"
> >
<router-link :to="data.chain_name"> <router-link :to="data.chain_name">
@ -48,34 +48,36 @@
v-if="data" v-if="data"
class="earnings-card text-left" class="earnings-card text-left"
> >
<b-row> <div>
<b-col cols="8"> <b-card-title class="mb-1 text-uppercase">
<b-card-title class="mb-1 text-uppercase"> {{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small>
{{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small> </b-card-title>
</b-card-title>
<div class="font-small-2"> <div class="d-flex justify-content-between">
Height <div>
<div class="font-small-2">
Height
</div>
<h5 class="mb-1">
{{ data.height || '0' }}
</h5>
</div> </div>
<h5 class="mb-1"> <div>
{{ data.height || '0' }} <b-avatar
</h5> :src="data.logo"
<b-card-text class="text-muted font-small-2"> class="badge-minimal"
<span> Updated on </span><span class="font-weight-bolder">{{ data.time || '...' }}</span> variant="light-primary"
</b-card-text> rounded
</b-col> size="md"
<b-col badge
cols="4" :badge-variant="data.variant"
> />
<b-avatar </div>
:src="data.logo" </div>
class="mt-1 badge-minimal" <b-card-text class="text-muted font-small-2">
variant="light-primary" <span> Updated on </span><span class="font-weight-bolder">{{ data.time || '...' }}</span>
rounded </b-card-text>
size="82" </div>
badge
:badge-variant="data.variant"
/></b-col>
</b-row>
</b-card> </b-card>
</router-link> </router-link>
</b-col> </b-col>