init
This commit is contained in:
commit
44f31f8b9f
402 changed files with 47865 additions and 0 deletions
55
components/governance/ProposalsListSkeleton.vue
Normal file
55
components/governance/ProposalsListSkeleton.vue
Normal file
|
@ -0,0 +1,55 @@
|
|||
<template>
|
||||
<div>
|
||||
<div v-for="(item, index) in emptyArray" :key="index" class="proposals-box">
|
||||
<div class="columns is-gapless">
|
||||
<div class="column is-8-tablet is-9-desktop">
|
||||
<div class="title">
|
||||
<b-skeleton height="28" width="210"></b-skeleton>
|
||||
</div>
|
||||
<div class="proposals-box--info">
|
||||
<div class="proposals-box--id"><b-skeleton height="28" width="30"></b-skeleton></div>
|
||||
<b-skeleton height="28" width="70"></b-skeleton>
|
||||
<div class="date">
|
||||
<b-skeleton height="21" width="130"></b-skeleton>
|
||||
</div>
|
||||
<div class="date">
|
||||
<b-skeleton height="21" width="130"></b-skeleton>
|
||||
</div>
|
||||
<div class="date">
|
||||
<b-skeleton height="21" width="130"></b-skeleton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-4-tablet is-3-desktop">
|
||||
<div class="results">
|
||||
<div class="result">
|
||||
<span class="has-text-primary"><b-icon icon="check" /> {{ $t('for') }}</span>
|
||||
<b-skeleton height="15" width="50"></b-skeleton>
|
||||
</div>
|
||||
<div class="result is-danger">
|
||||
<span class="has-text-danger"><b-icon icon="close" /> {{ $t('against') }}</span>
|
||||
<b-skeleton height="15" width="50"></b-skeleton>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
components: {},
|
||||
props: {
|
||||
size: {
|
||||
type: Number,
|
||||
default: 5
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
emptyArray: Array(this.size).fill('')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue