mirror of https://github.com/BTCPrivate/copay.git
new home structure
This commit is contained in:
bechi
parent
846118fe85
commit
5df64c5f0b
|
|
@ -248,6 +248,12 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.home-wallet .wallet-info {
|
||||||
|
margin-left: 0;
|
||||||
|
line-height: 110%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
.side-nav.wallets .avatar-wallet,
|
.side-nav.wallets .avatar-wallet,
|
||||||
.wallet-selection.wallets .avatar-wallet
|
.wallet-selection.wallets .avatar-wallet
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -143,6 +143,14 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.amount {
|
||||||
|
background-color: #F1F3F5;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
padding: 2.4rem 1rem;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.scroll-section {
|
.scroll-section {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 120px;
|
top: 120px;
|
||||||
|
|
@ -184,15 +192,19 @@
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-wallet {
|
.home-wallet .avatar-wallet {
|
||||||
background-color: #1ABC9C;
|
padding: 1.7rem;
|
||||||
color: #fff;
|
width: 90px;
|
||||||
margin-top: 5px;
|
height: 90px;
|
||||||
margin-left: 5px;
|
position: absolute;
|
||||||
margin-right: 13px;
|
top: -43px;
|
||||||
padding: 0.35rem 0.65rem;
|
font-size: 35px;
|
||||||
|
border: 3px solid #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.home-wallet .wallet-info {
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
.copayers {
|
.copayers {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -5,50 +5,42 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="large-12 columns">
|
<div class="columns">
|
||||||
<div class="panel oh">
|
<div class="panel oh">
|
||||||
<div class="row p10b">
|
<div class="amount hide-for-large-up">
|
||||||
<div class="large-8 medium-6 small-4 columns">
|
<span class="size-36">
|
||||||
<div class="oh">
|
<strong>
|
||||||
<div class="avatar-wallet left">{{$root.wallet.getName() | limitTo: 1}}</div>
|
<span ng-if="!$root.updatingBalance">{{$root.wallet.balanceInfo.totalBalance || 0}}</span>
|
||||||
<h2 class="m10t ellipsis hide-for-small-only">
|
<span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
||||||
{{$root.wallet.getName()}}
|
{{$root.wallet.settings.unitName}}
|
||||||
</h2>
|
</strong>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
<span class="size-14 db m5t text-gray">
|
||||||
<div class="large-4 medium-6 small-8 columns">
|
<span ng-if="!$root.wallet.balanceInfo.updatingBalance && $root.wallet.balanceInfo.alternativeBalanceAvailable">{{$root.wallet.balanceInfo.totalBalanceAlternative}} {{$root.wallet.balanceInfo.alternativeIsoCode}}</span>
|
||||||
<div class="text-right">
|
<span ng-if="!$root.wallet.balanceInfo.updatingBalance && !$root.wallet.balanceInfo.alternativeBalanceAvailable">N/A</span>
|
||||||
<span class="size-21">
|
<span ng-if="$root.wallet.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
||||||
<strong>
|
</span>
|
||||||
<span ng-if="!$root.updatingBalance">{{$root.wallet.balanceInfo.totalBalance || 0}}</span>
|
|
||||||
<span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
|
||||||
{{$root.wallet.settings.unitName}}
|
|
||||||
</strong>
|
|
||||||
</span>
|
|
||||||
<span class="size-14 db m5t text-gray">
|
|
||||||
<span ng-if="!$root.wallet.balanceInfo.updatingBalance && $root.wallet.balanceInfo.alternativeBalanceAvailable">{{$root.wallet.balanceInfo.totalBalanceAlternative}} {{$root.wallet.balanceInfo.alternativeIsoCode}}</span>
|
|
||||||
<span ng-if="!$root.wallet.balanceInfo.updatingBalance && !$root.wallet.balanceInfo.alternativeBalanceAvailable">N/A</span>
|
|
||||||
<span ng-if="$root.wallet.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="pr">
|
||||||
|
<div class="avatar-wallet left">{{$root.wallet.getName() | limitTo: 1}}</div>
|
||||||
<div class="row line-t">
|
<div class="wallet-info">
|
||||||
<div class="small-4 medium-4 columns m5t size-12 hide-for-large-up">
|
<p class="m0">
|
||||||
<a ng-click="$root.go('more')"><i class="fi-widget"></i> Settings</a>
|
{{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}}
|
||||||
</div>
|
</p>
|
||||||
<div class="small-8 medium-8 columns m5t">
|
<div class="size-12 text-gray">
|
||||||
<div class="text-right size-12">
|
<span ng-if="$root.wallet.isShared() && !$root.wallet.isTestnet()">Multisignature wallet </span>
|
||||||
<span ng-if="!$root.wallet.isShared()">Personal Wallet</span>
|
<span ng-if="!$root.wallet.isShared() && !$root.wallet.isTestnet()">Personal Wallet</span>
|
||||||
<span ng-if="$root.wallet.isShared()">
|
<span ng-if="$root.wallet.isTestnet()"> Testnet</span>
|
||||||
Multisignature wallet [{{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} ]
|
|
||||||
</span>
|
|
||||||
<span ng-if="$root.wallet.isTestnet()"> in TESTNET</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<a ng-click="$root.go('more')" class="button outline light-gray tiny m0">
|
||||||
|
<i class="fi-widget size-18 vm"></i>
|
||||||
|
<span class="show-for-medium-up">Settings</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue