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

Ref custom amount. Also fixes small screen issue

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2017-05-11 15:43:35 -03:00
commit 1c91420581
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
6 changed files with 170 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/sass/views/custom-amount.scss
View file

@ -1,15 +1,69 @@
#custom-amount {
.share {
justify-content: center;
}
.info {
.single-line {
display: flex;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
.item-note {
margin-left: 10px;
@extend .deflash-blue;
$item-lateral-padding: 20px;
$item-vertical-padding: 10px;
$item-label-color: #6C6C6E;
.address {
background: #fff;
overflow: auto;
height: 100%;
.qr-code {
text-align: center;
margin-top: 24vh;
margin-bottom: 7vh;
@media(max-height: 800px) {
margin-top: 18vh;
}
@media(max-height: 700px) {
margin-top: 14vh;
}
@media(max-height: 600px) {
margin-top: 8vh;
}
}
.info {
position: absolute;
width: 100%;
bottom: 0;
.badge {
border-radius: 0;
padding: .5rem;
}
.item {
color: #4A4A4A;
padding-top: $item-vertical-padding;
padding-bottom: $item-vertical-padding;
padding-left: $item-lateral-padding;
&:not(.item-icon-right) {
padding-right: $item-lateral-padding;
}
.label {
font-size: 14px;
color: $item-label-color;
margin-bottom: 8px;
}
.wallet {
float: right;
overflow: hidden;
}
.wallet .big-icon-svg > .bg {
height: 20px;
width: 20px;
padding: 1px;
box-shadow: none;
vertical-align: text-bottom;
}
.single-line {
display: flex;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
.item-note {
margin-left: 10px;
}
}
}
}
}