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

Improved amount card layout. Darker background under card.

Browse source
This commit is contained in:
Brendon Duncan 2018-07-25 18:19:21 -07:00
commit 91daae9f7a
2 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -246,10 +246,14 @@
.send-amount-header-footer { .send-amount-header-footer {
flex: 1 1 auto; flex: 1 1 auto;
min-height: 10px; min-height: 20px;
.warning { .warning {
text-align:center; color: #b7664d;
font-family: 'ProximaNova-Semibold';
font-size: 12pt;
padding: 0 6px 6px 6px;
text-align: center;
} }
} }
@ -269,6 +273,8 @@
} }
.primary-amount { .primary-amount {
color: #333;
font-family: 'ProximaNova-Semibold';
input, .unit, .primary-amount-display { input, .unit, .primary-amount-display {
font-size: 1.8em; font-size: 1.8em;
@ -338,16 +344,15 @@
line-height: 1em; line-height: 1em;
} }
.unit {
font-weight: bold;
}
.primary-amount-display { .primary-amount-display {
margin-right: 5px; margin-right: 5px;
word-break: break-all; word-break: break-all;
} }
} }
.alternative-amount {
color: #6F6F70;
}
.switch-currencies { .switch-currencies {
position: absolute; position: absolute;
right: 0; right: 0;
@ -484,7 +489,7 @@
} }
} }
} }
background: #494949; background: #f2f2f2;
ion-content { ion-content {
margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */ margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */

2
www/views/amountNew.html
View file

@ -5,7 +5,7 @@
</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>
<ion-content scroll="false" style="background: #fff;"> <ion-content scroll="false">
<div style="order: 0; position: relative;"> <div style="order: 0; position: relative;">