Fix styling for android
This commit is contained in:
parent
6a090e95f0
commit
6a33bbf161
2 changed files with 22 additions and 31 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue