Merge pull request #112 from jamal-jackson/feature/onboarding_push_notifications
Finished onboarding notifications view
This commit is contained in:
commit
805a4fcef2
5 changed files with 101 additions and 16 deletions
40
src/sass/views/onboarding/onboard-push-notifications.scss
Normal file
40
src/sass/views/onboarding/onboard-push-notifications.scss
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
#onboarding-push-notifications{
|
||||
h2{
|
||||
margin-top:2rem;
|
||||
}
|
||||
#cta{
|
||||
background-image: url('../img/onboarding-push-notifications.svg');
|
||||
height: 15rem;
|
||||
margin-top: .75rem;
|
||||
}
|
||||
.cta-buttons{
|
||||
float:none;
|
||||
bottom:0;
|
||||
position: absolute;
|
||||
width:100%;
|
||||
button{
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px){
|
||||
#onboarding-push-notifications{
|
||||
.cta-buttons{
|
||||
float:none;
|
||||
bottom:0;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-height: 540px){
|
||||
#onboarding-push-notifications{
|
||||
#cta{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cta-buttons{
|
||||
float:left;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -48,9 +48,7 @@
|
|||
}
|
||||
}
|
||||
button {
|
||||
&.next-slide {
|
||||
background: rgba(215, 215, 215, 0.10);
|
||||
}
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
.col {
|
||||
|
|
@ -67,8 +65,12 @@
|
|||
.button-transparent{
|
||||
background: none !important;
|
||||
}
|
||||
.button-translucent{
|
||||
background: rgba(215, 215, 215, 0.1)
|
||||
}
|
||||
.button-primary{
|
||||
background: rgb(100, 124, 232) !important;
|
||||
color:#fff;
|
||||
}
|
||||
.light-blue{
|
||||
color:rgb(100, 124, 232);
|
||||
|
|
@ -98,3 +100,4 @@
|
|||
@import "onboard-backup-request";
|
||||
@import "onboard-backup-warning";
|
||||
@import "onboard-disclaimer";
|
||||
@import "onboard-push-notifications";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue