fix qr code's popup mobile

This commit is contained in:
bechi 2014-09-16 15:45:55 -03:00
commit 0301ad0cf0
2 changed files with 15 additions and 13 deletions

View file

@ -122,13 +122,13 @@
display: block; display: block;
float: none; float: none;
margin: 0 auto; margin: 0 auto;
width: 210px; width: 160px;
height: 210px; height: 160px;
} }
.panel qrcode canvas { .panel qrcode canvas {
width: 200px; width: 150px;
height: 200px; height: 150px;
} }
.addresses .panel { .addresses .panel {

View file

@ -1,20 +1,22 @@
<div class="text-center"> <div class="text-center">
<qrcode size="250" data="bitcoin:{{address.address}}"></qrcode> <qrcode size="220" data="bitcoin:{{address.address}}"></qrcode>
<div class="m10t"> <div class="m10t">
<h4>{{address.address}} <span class="btn-copy" clip-copy="address.address"></span></h4> <h4 class="size-12">{{address.address}} <span class="btn-copy" clip-copy="address.address"></span></h4>
<span ng-if="$root.updatingBalance"> <span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i> <i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span> </span>
<p class="m15b" ng-if="!$root.updatingBalance"> <p class="m15b size-18" ng-if="!$root.updatingBalance">
{{address.balance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}} {{address.balance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}}
</p> </p>
<button class="m15t button secondary" open-external address="{{address.address}}"> <div class="small-10 columns small-centered">
<i class="fi-link">&nbsp;</i> <span translate>Open in external application</span> <button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.address)">
</button><br><br> <i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span>
<button class="m15t button secondary" ng-show="isMobile" ng-click="mobileCopy(address.address)"> </button>
<i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span> <a class="m15t secondary" open-external address="{{address.address}}">
</button> <span translate>Open in external application</span>
</a>
</div>
</div> </div>
</div> </div>
<a class="close-reveal-modal" ng-click="cancel()">&#215;</a> <a class="close-reveal-modal" ng-click="cancel()">&#215;</a>