fix UI
This commit is contained in:
parent
18c444c506
commit
0f7f6d9493
2 changed files with 12 additions and 14 deletions
|
|
@ -12,15 +12,15 @@
|
||||||
</div>
|
</div>
|
||||||
</ion-header-bar>
|
</ion-header-bar>
|
||||||
|
|
||||||
<ion-content>
|
<div>
|
||||||
<div ng-show="!specificAmount">
|
<div class="row content" ng-show="!specificAmount">
|
||||||
<div class="send-amount ">
|
<div class="send-amount col">
|
||||||
<div class="text-light text-black m15t" ng-class="{'size-28': smallFont, 'size-36' : !smallFont}">{{amount || '-'}}</div>
|
<div class="text-light text-black m15t" ng-class="{'size-28': smallFont, 'size-36' : !smallFont}">{{amount || '-'}}</div>
|
||||||
<div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">{{globalResult}} [{{amountResult || '0.00'}} {{alternativeIsoCode}}]</div>
|
<div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">{{globalResult}} [{{amountResult || '0.00'}} {{alternativeIsoCode}}]</div>
|
||||||
<div class="size-17 text-light text-black" ng-show="showAlternativeAmount">{{globalResult}} [{{alternativeResult || '0.00'}} {{unitName}}]</div>
|
<div class="size-17 text-light text-black" ng-show="showAlternativeAmount">{{globalResult}} [{{alternativeResult || '0.00'}} {{unitName}}]</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="m10b">
|
<div class="calculator-keyboard m10b col">
|
||||||
<div class="button-content text-center df">
|
<div class="button-content text-center df">
|
||||||
<div class="col col-25 col-offset-50">
|
<div class="col col-25 col-offset-50">
|
||||||
<button class="button expand button-stable" ng-click="resetAmount()">AC</button>
|
<button class="button expand button-stable" ng-click="resetAmount()">AC</button>
|
||||||
|
|
@ -57,12 +57,6 @@
|
||||||
<button class="button expand button-stable" ng-click="pushOperator('-')">-</button>
|
<button class="button expand button-stable" ng-click="pushOperator('-')">-</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row m20t">
|
|
||||||
<div class="columns">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-content m20b" ng-show="specificAmount">
|
<div class="modal-content m20b" ng-show="specificAmount">
|
||||||
|
|
@ -107,6 +101,5 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</ion-content>
|
|
||||||
</ion-modal-view>
|
</ion-modal-view>
|
||||||
|
|
|
||||||
|
|
@ -1583,9 +1583,14 @@ input.ng-invalid-match {
|
||||||
.send-amount {
|
.send-amount {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 10px;
|
padding-top: 7%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
height: 125px;
|
height: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calculator-keyboard {
|
||||||
|
width: 100%;
|
||||||
|
height: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alternative-amount {
|
.alternative-amount {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue