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

View file

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