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

Space around amount, and added "Not Enough Funds" warning.

Browse source
This commit is contained in:
Brendon Duncan 2018-07-25 17:32:07 -07:00
commit e539f0e713
2 changed files with 35 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/sass/views/amountNew.scss
View file

@ -244,6 +244,15 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.send-amount-header-footer {
flex: 1 1 auto;
min-height: 10px;
.warning {
text-align:center;
}
}
.send-amount-tool { .send-amount-tool {
flex: 0 1 auto; flex: 0 1 auto;

15
www/views/amountNew.html
View file

@ -1,7 +1,7 @@
<ion-view id="view-amount-new" hide-tabs> <ion-view id="view-amount-new" hide-tabs>
<ion-nav-bar class="bar-royal"> <ion-nav-bar class="bar-royal">
<ion-nav-title> <ion-nav-title>
{{'Enter amount (New)' | translate}} {{'Enter Amount' | translate}}
</ion-nav-title> </ion-nav-title>
<ion-nav-back-button ng-click="vm.goBack()"></ion-nav-back-button> <ion-nav-back-button ng-click="vm.goBack()"></ion-nav-back-button>
</ion-nav-bar> </ion-nav-bar>
@ -9,11 +9,13 @@
<div style="order: 0; position: relative;"> <div style="order: 0; position: relative;">
<div class="item send-amount"> <div class="card item send-amount">
<div class="send-amount-header-footer">
<div ng-if="vm.shapeshiftOrderId"> <div ng-if="vm.shapeshiftOrderId">
Minimum amount: {{vm.minShapeshiftAmount}} <br/> Minimum amount: {{vm.minShapeshiftAmount}} <br/>
Maximum amount: {{vm.maxShapeshiftAmount}} <br/> Maximum amount: {{vm.maxShapeshiftAmount}} <br/>
</div> </div>
</div>
<div class="send-amount-tool"> <div class="send-amount-tool">
<div class="send-amount-tool-input amount"> <div class="send-amount-tool-input amount">
<div class="primary-amount" <div class="primary-amount"
@ -26,6 +28,13 @@
</div> </div>
<div class="switch-currencies" ng-click="vm.changeUnit()"><img src="img/icon-convert.svg"></div> <div class="switch-currencies" ng-click="vm.changeUnit()"><img src="img/icon-convert.svg"></div>
</div> </div>
<div class="send-amount-header-footer">
<div class="warning">
Not enough available funds
</div>
</div>
</div>
</div>
<div class="send-amount-actions text-center"> <div class="send-amount-actions text-center">
<button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()"> <button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()">
<span> <span>
@ -41,8 +50,6 @@
</button> </button>
</div> </div>
</div> </div>
</div>
</div>
<div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;"> <div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;">
<div class="keypad" style="position: relative;"> <div class="keypad" style="position: relative;">