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