mirror of https://github.com/BTCPrivate/copay.git
fix home style
This commit is contained in:
bechi
parent
9ae146059d
commit
081f299a54
|
|
@ -80,7 +80,7 @@
|
|||
font-family: 'Ubuntu', Helvetica, sans-serif !important;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1, h2, h3, h4, h5, h6, .panel h2 {
|
||||
color: #2C3E50;
|
||||
}
|
||||
|
||||
|
|
@ -246,6 +246,17 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
|
|||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||
}
|
||||
|
||||
.home-wallet .avatar-wallet {
|
||||
background: #1ABC9C;
|
||||
margin: 0;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
font-size: 30px;
|
||||
padding-top: 10px;
|
||||
margin-right: 15px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.side-nav.wallets .avatar-wallet{
|
||||
background-color: #7A8C9E;
|
||||
color: #213140;
|
||||
|
|
|
|||
|
|
@ -1,70 +1,68 @@
|
|||
<div class="addresses" ng-controller="HomeWalletController">
|
||||
<div class="home-wallet" ng-controller="HomeWalletController">
|
||||
<div ng-show='$root.wallet.isReady()'>
|
||||
<h1 translate class="hide-for-large-up">Home</h1>
|
||||
<br>
|
||||
<br>
|
||||
<h1 translate class="hide-for-large-up">Home</h1>
|
||||
|
||||
<!-- Wallet name and balance -->
|
||||
<div>
|
||||
<div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
|
||||
<div class="ellipsis">{{$root.wallet.getName()}}</div>
|
||||
<div ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true">
|
||||
<b class="m5r">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
|
||||
<span class="alt-currency">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span>
|
||||
<!-- Wallet name and balance -->
|
||||
<div class="panel large-12 columns">
|
||||
<div class="row collapse">
|
||||
<div class="large-1 columns">
|
||||
<div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
|
||||
</div>
|
||||
<div class="large-9 columns">
|
||||
<h2 class="ellipsis m10t">{{$root.wallet.getName()}}</h2>
|
||||
</div>
|
||||
<div class="large-2 columns text-right text-black" ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true">
|
||||
<b class="db m5b size-24">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
|
||||
<span class="size-14 m5t text-gray">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<!-- Address-->
|
||||
<span translate>Quick receive</span>
|
||||
<div>
|
||||
<qrcode size="220" data="bitcoin:{{address.addressStr}}"></qrcode>
|
||||
|
||||
<div class="m10t">
|
||||
<h4 class="size-12">{{address.addressStr}} <span class="btn-copy" clip-copy="address.addressStr"></span></h4>
|
||||
<span ng-if="$root.updatingBalance">
|
||||
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
|
||||
</span>
|
||||
<div class="small-10 columns small-centered">
|
||||
<button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.addressStr)">
|
||||
<i class="fi-link"> </i> <span translate>Copy to clipboard</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<!-- List of copayers -->
|
||||
<div>
|
||||
<div class="copay-box" ng-repeat="copayer in copayersList()">
|
||||
<img
|
||||
class="br100 online"
|
||||
src="./img/satoshi.gif"
|
||||
alt="{{copayer.peerId}}"
|
||||
width="70">
|
||||
<div
|
||||
class="ellipsis"
|
||||
tooltip="ID: {{copayer.peerId}}"
|
||||
tooltip-placement="bottom">
|
||||
<small class="text-gray" ng-show="copayer.index == 0">
|
||||
<i class="fi-check m5r"></i>{{'Me'|translate}}</small>
|
||||
<small class="text-gray" ng-show="copayer.index > 0"><i class="fi-check m5r"></i>{{copayer.nick}}</small>
|
||||
<!-- Address-->
|
||||
<div class="large-6 columns">
|
||||
<div class="panel oh">
|
||||
<h2 class="line-b" translate>Quick receive</h2>
|
||||
<div>
|
||||
<qrcode size="220" data="bitcoin:{{address.addressStr}}"></qrcode>
|
||||
|
||||
<div class="m10t">
|
||||
<h4 class="size-12">{{address.addressStr}} <span class="btn-copy" clip-copy="address.addressStr"></span></h4>
|
||||
<span ng-if="$root.updatingBalance">
|
||||
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
|
||||
</span>
|
||||
<div class="small-10 columns small-centered">
|
||||
<button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.addressStr)">
|
||||
<i class="fi-link"> </i> <span translate>Copy to clipboard</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div translate class="success label m10t" ng-show="isBackupReady(copayer)">Ready</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <br>
|
||||
<br>
|
||||
<br> <!-- Last transactions
|
||||
<div>
|
||||
<span translate>Last transactions</span>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- List of copayers -->
|
||||
<div class="large-6 columns">
|
||||
<div class="panel oh">
|
||||
<h2 class="line-b" translate>Copayers</h2>
|
||||
<div class="copay-box" ng-repeat="copayer in copayersList()">
|
||||
<img
|
||||
class="br100 online"
|
||||
src="./img/satoshi.gif"
|
||||
alt="{{copayer.peerId}}"
|
||||
width="70">
|
||||
<div
|
||||
class="ellipsis"
|
||||
tooltip="ID: {{copayer.peerId}}"
|
||||
tooltip-placement="bottom">
|
||||
<small class="text-gray" ng-show="copayer.index == 0">
|
||||
<i class="fi-check m5r"></i>{{'Me'|translate}}</small>
|
||||
<small class="text-gray" ng-show="copayer.index > 0"><i class="fi-check m5r"></i>{{copayer.nick}}</small>
|
||||
</div>
|
||||
<div translate class="success label m10t" ng-show="isBackupReady(copayer)">Ready</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue