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

design(onboarding): polish backup warning screen and screenshot warning modal

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-06 22:42:45 -04:00
commit 6dcf78256e
6 changed files with 50 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/sass/views/backup-warning.scss
View file

@ -1,54 +1,6 @@
#backup-warning{
.warning{
margin:4rem auto 1rem;
height: 11rem;
}
button{
color:#fff;
}
#arrow-down{
font-size: 4.2rem;
}
.cta-buttons{
float:none;
bottom:67px;
position: absolute;
width:100%;
button{
max-width: 400px;
}
}
}
@media (max-width: 400px){
#backup-warning{
.warning{
margin: 2rem auto 1rem;
height: 8rem;
}
h3{
font-size:1.3rem;
}
p{
font-size:.9rem;
max-width: 80%;
flex: 0 0 80%;
}
.warning-image{
height: 11rem;
}
.cta-buttons{
float:none;
bottom:65px;
position: absolute;
}
}
}
@media (max-height: 540px){
#backup-warning{
.cta-buttons{
float:left;
position: relative;
}
#cta-buttons {
@extend %cta-buttons;
height: 250px;
}
}