Fix styling for android

This commit is contained in:
Gustavo Maximiliano Cortez 2017-05-08 17:09:55 -03:00
commit 6a33bbf161
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 22 additions and 31 deletions

View file

@ -2,24 +2,20 @@
@extend .deflash-blue;
.address {
background: #fff;
overflow: scroll;
overflow: auto;
height: 100%;
&-info {
padding: 10% 0 18% 0;
padding: 12% 0 20% 0;
text-align: center;
.address-label {
margin-top: 5%;
font-size: 13px;
}
.qr {
position: relative;
top: 15%;
}
.request-button {
padding-top: 20px;
}
}
.incomplete {
height: 100%;
.title {
padding-top: 10%;
font-size: 25px;
@ -32,9 +28,6 @@
margin-top: 10%;
text-align: center;
}
.button {
margin: 10%;
}
}
}
.backup {
@ -44,8 +37,10 @@
cursor: pointer;
background-color: orange;
color: #fff;
text-align: center;
padding: 5px 0;
i {
padding: 10px;
margin: 0 10px;
}
}
.wallet-selector {

View file

@ -19,32 +19,28 @@
</div>
</div>
<div class="address-info" ng-if="wallet && wallet.isComplete()">
<div class="row qr">
<div class="text-center col">
<div copy-to-clipboard="copyToClipboard()">
<span ng-show="shouldShowReceiveAddressFromHardware()">
<button class="button button-standard button-primary" ng-click="showReceiveAddressFromHardware()">
<span translate>Show address</span>
</button>
</span>
<qrcode ng-if="addr" size="220" data="bitcoin:{{addr}}" color="#334"></qrcode>
<div class="address-label">
<span class="ellipsis">{{addr}}</span>
<ion-spinner ng-show="!addr" class="spinner-dark" icon="crescent"></ion-spinner>
</div>
</div>
<div ng-show="addr" class="request-button">
<button class="button button-standard button-primary button-outline button-small" ng-click="requestSpecificAmount()" translate>Request Specific amount</button>
</div>
<div copy-to-clipboard="copyToClipboard()">
<span ng-show="shouldShowReceiveAddressFromHardware()">
<button class="button button-standard button-primary" ng-click="showReceiveAddressFromHardware()">
<span translate>Show address</span>
</button>
</span>
<qrcode ng-if="addr" size="220" data="bitcoin:{{addr}}" color="#334"></qrcode>
<div class="address-label">
<span class="ellipsis">{{addr}}</span>
<ion-spinner ng-show="!addr" class="spinner-dark" icon="crescent"></ion-spinner>
</div>
</div>
<div ng-show="addr" class="request-button">
<button class="button button-standard button-primary button-outline button-small" ng-click="requestSpecificAmount()" translate>Request Specific amount</button>
</div>
</div>
</article>
<div class="backup" ng-if="wallets[0] && wallet && wallet.isComplete() && wallet.needsBackup" ng-click="openBackupNeededModal()">
<div class="text-center col center-block">
<i class="icon ion-alert"></i><span translate>Wallet not backed up</span><i class="icon ion-ios-arrow-thin-right"></i>
</div>
<i class="icon ion-alert"></i>
<span translate>Wallet not backed up</span>
<i class="icon ion-ios-arrow-thin-right"></i>
</div>
<div class="wallet-selector" ng-click="showWalletSelector()" ng-if="wallets[0] && wallet">