anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

polish for iPhone5 and iPhone 6

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

25
src/sass/views/tab-receive.scss
View file

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

38
www/views/tab-receive.html
View file

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