forked from External/greenlight
create separate page for login
This commit is contained in:
10
app/assets/stylesheets/sessions.scss
Normal file
10
app/assets/stylesheets/sessions.scss
Normal file
@ -0,0 +1,10 @@
|
||||
.login {
|
||||
.center-panel {
|
||||
.center-panel-size {
|
||||
max-width: 600px
|
||||
}
|
||||
.center-panel-content-size {
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
}
|
@ -26,7 +26,7 @@ html, body {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.app-background {
|
||||
.background {
|
||||
height: 350px;
|
||||
width: 100%;
|
||||
background: asset-url('greenlight_background');
|
||||
@ -35,6 +35,10 @@ html, body {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
body[data-controller=landing].app-background {
|
||||
@extend .background;
|
||||
}
|
||||
|
||||
body[data-controller=landing][data-action=rooms].app-background {
|
||||
background-image: asset-url('bg_personal_room');
|
||||
}
|
||||
@ -61,14 +65,14 @@ body[data-controller=landing][data-action=rooms].app-background {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
float: none;
|
||||
}
|
||||
.center-panel {
|
||||
.center-block {
|
||||
float: none;
|
||||
}
|
||||
.center-panel-size {
|
||||
max-width: 900px
|
||||
}
|
||||
.center-panel-conent-size {
|
||||
.center-panel-content-size {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user