polish for iPhone5 and iPhone 6

This commit is contained in:
Jamal Jackson 2016-10-13 14:28:41 -04:00
commit 4124e68e74
2 changed files with 41 additions and 22 deletions

View file

@ -13,7 +13,13 @@
.scroll{height:100%;}
#address {
background: #fff;
height:70%;
height:80%;
article{height: 100%;position: relative;}
#wallet-info{
position: absolute;
bottom:0;
width:100%;
}
.incomplete {
padding: 50px;
height: 350px;
@ -44,7 +50,6 @@
display: inline-block;
font-size: .7rem;
}
&-gen-address {}
}
.qr {
padding: 50px 0 20px 0;
@ -58,6 +63,17 @@
padding: 10px;
}
}
@media (max-height: 600px){
&{
height: 77%;
.qr{
padding:6.5vh 0 2vh;
div{
transform: scale(.7);
}
}
}
}
}
#wallets {
position: relative;
@ -68,10 +84,11 @@
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #f5f5f5 transparent;
border-color: transparent transparent rgb(242,242,242) transparent;
top: -9px;
position: absolute;
left: 45%;
left: 50%;
transform: translateX(-50%);
}
}
#first-time-tip {

View file

@ -59,26 +59,28 @@
</div>
</div>
</div>
<div class="row">
<div class="col" 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 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>
<!-- <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="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 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>