Fix wallet selector to bottom. Add scroll for small screens

This commit is contained in:
Gustavo Maximiliano Cortez 2017-05-08 16:43:49 -03:00
commit 6a090e95f0
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 36 additions and 32 deletions

View file

@ -1,17 +1,11 @@
#tab-receive {
@extend .deflash-blue;
.address {
background: #fff;
height: 65vh;
@media(max-height: 600px) and (max-width: 320px) {
height: 70vh;
.button {
min-height: 50px;
}
}
overflow: scroll;
height: 100%;
&-info {
height: 100%;
display: flex;
flex-direction: column;
padding: 10% 0 18% 0;
.address-label {
margin-top: 5%;
font-size: 13px;
@ -19,16 +13,7 @@
.qr {
position: relative;
top: 15%;
}
.backup {
background-color: orange;
color: #fff;
position: absolute;
z-index: 2;
i {
padding: 10px;
}
}
}
.request-button {
padding-top: 20px;
}
@ -36,7 +21,7 @@
.incomplete {
height: 100%;
.title {
margin-top: 10%;
padding-top: 10%;
font-size: 25px;
color: #444;
text-align: center;
@ -44,12 +29,28 @@
.subtitle {
padding: 20px;
color: #444;
margin-top: 20%;
margin-top: 10%;
text-align: center;
}
.button {
margin-top: 20%;
margin: 10%;
}
}
}
.backup {
position: absolute;
top: 0;
width: 100%;
cursor: pointer;
background-color: orange;
color: #fff;
i {
padding: 10px;
}
}
.wallet-selector {
position: absolute;
bottom: 0;
width: 100%;
}
}