created responsive view for iPhone 5 through 7 plus

This commit is contained in:
Jamal Jackson 2016-10-13 14:54:54 -04:00
commit 9e5debc1b6
2 changed files with 20 additions and 22 deletions

View file

@ -15,7 +15,7 @@
background: #fff;
height:80%;
article{height: 100%;position: relative;}
#wallet-info{
#bit-address{
position: absolute;
bottom:0;
width:100%;
@ -52,7 +52,7 @@
}
}
.qr {
padding: 50px 0 20px 0;
padding: 13vh 0 5vh 0;
}
.backup {
background-color: orange;

View file

@ -59,28 +59,26 @@
</div>
</div>
</div>
<div id="wallet-info">
<div class="row">
<div class="col col-50 center-block text-center" ng-show="isCordova && addr">
<div class="item item-icon-left" ng-click="shareAddress(addr)">
<i class="icon ion-ios-upload-outline"></i>
<span translate>Share</span>
</div>
<div class="row">
<div class="col col-50 center-block text-center" ng-show="isCordova && addr">
<div class="item item-icon-left" ng-click="shareAddress(addr)">
<i class="icon ion-ios-upload-outline"></i>
<span translate>Share</span>
</div>
<!-- <div class="col" ng-class="{'center-block col-50': !isCordova || !addr}">
<div class="item item-icon-left" ng-click="setAddress(true)">
<i class="icon ion-ios-loop"></i>
<span translate>Next Address</span>
</div>
</div> -->
</div>
<div class="row border-top">
<div class="col col-90 center-block bit-address text-center">
<div class="item item-icon-left">
<i class="icon icon-svg receive-tab-bitcoin-icon"><img src="img/icon-bitcoin-symbol.svg"></i>
<span class="bit-address-gen-address" ng-if="generatingAddress">...</span>
<span class="bit-address-gen-address" ng-if="!generatingAddress" copy-to-clipboard="addr">{{addr}}</span>
</div>
<!-- <div class="col" ng-class="{'center-block col-50': !isCordova || !addr}">
<div class="item item-icon-left" ng-click="setAddress(true)">
<i class="icon ion-ios-loop"></i>
<span translate>Next Address</span>
</div>
</div> -->
</div>
<div id="bit-address" class="row border-top">
<div class="col col-90 center-block bit-address text-center">
<div class="item item-icon-left">
<i class="icon icon-svg receive-tab-bitcoin-icon"><img src="img/icon-bitcoin-symbol.svg"></i>
<span class="bit-address-gen-address" ng-if="generatingAddress">...</span>
<span class="bit-address-gen-address" ng-if="!generatingAddress" copy-to-clipboard="addr">{{addr}}</span>
</div>
</div>
</div>