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

add backup warning view to backup flow

Browse source
This commit is contained in:
Gabriel Bazán 2016-09-26 16:11:45 -03:00
commit 33c7e2b297
17 changed files with 123 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,54 +0,0 @@
#onboarding-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){
#onboarding-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){
#onboarding-backup-warning{
.cta-buttons{
float:left;
position: relative;
}
}
}

4
src/sass/views/onboarding/onboarding.scss
View file

@ -101,7 +101,7 @@
max-width: 600px !important;
}
button{
max-width: 400px !important;
max-width: 400px !important;
}
}
}
@ -112,6 +112,6 @@
@import "onboard-tour";
@import "onboard-collect-email";
@import "onboard-backup-request";
@import "onboard-backup-warning";
@import "../backup-warning";
@import "onboard-disclaimer";
@import "onboard-push-notifications";