TornadoCash/classic-ui-dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

init

Browse source
This commit is contained in:
Danil Kovtonyuk 2022-04-22 13:05:56 +10:00
commit 44f31f8b9f
No known key found for this signature in database
GPG key ID: E72A919BF08C3746
402 changed files with 47865 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

79
components/governance/ProposalSkeleton.vue Normal file
View file

@ -0,0 +1,79 @@
<template>
<div class="proposal">
<div class="columns">
<div class="column is-7-tablet is-8-desktop">
<h1 class="title"><b-skeleton height="24" width="200"></b-skeleton></h1>
<div class="description">
<b-skeleton width="60%"></b-skeleton>
<b-skeleton width="60%"></b-skeleton>
<b-skeleton width="60%"></b-skeleton>
<b-skeleton width="60%"></b-skeleton>
<b-skeleton width="60%"></b-skeleton>
</div>
</div>
<div class="column is-5-tablet is-4-desktop">
<div class="proposal-block">
<div class="title">{{ $t('castYourVote') }}</div>
<div class="buttons buttons__halfwidth">
<b-skeleton height="2.857em"></b-skeleton>
<b-skeleton height="2.857em"></b-skeleton>
</div>
<div><b-skeleton height="21"></b-skeleton></div>
</div>
<div class="proposal-block">
<div class="title">{{ $t('currentResults') }}</div>
<div class="label">
<b-skeleton width="26" height="21"></b-skeleton>
<span class="percent"><b-skeleton width="90" height="21"></b-skeleton></span>
</div>
<b-progress :value="0" type="is-primary"></b-progress>
<div class="label">
<b-skeleton width="58" height="21"></b-skeleton>
<span class="percent"><b-skeleton width="90" height="21"></b-skeleton></span>
</div>
<b-progress :value="0" type="is-danger"></b-progress>
<div class="label">
<b-skeleton width="50" height="21"></b-skeleton>
<span class="percent"><b-skeleton width="90" height="21"></b-skeleton></span>
</div>
<b-progress :value="0" type="is-danger"></b-progress>
</div>
<div class="proposal-block">
<div class="title">{{ $t('information') }}</div>
<div class="columns is-multiline is-small">
<div class="column is-full-small">
<strong>{{ $t('proposalAddress') }}</strong>
<div class="value">
<b-skeleton height="21"></b-skeleton>
</div>
</div>
<div class="column is-half-small">
<strong>{{ $t('id') }}</strong>
<div class="value">
<b-skeleton width="20" height="21"></b-skeleton>
</div>
</div>
<div class="column is-half-small">
<strong>{{ $t('status') }}</strong>
<div class="value">
<b-skeleton width="70" height="21"></b-skeleton>
</div>
</div>
<div class="column is-half-small">
<strong>{{ $t('startDate') }}</strong>
<div class="value">
<b-skeleton width="70" height="21"></b-skeleton>
</div>
</div>
<div class="column is-half-small">
<strong>{{ $t('endDate') }}</strong>
<div class="value">
<b-skeleton width="70" height="21"></b-skeleton>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>