haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(welcome_page): Fix mobile version 

* Fix layout
* Change background color & show image
This commit is contained in:
Vlad Piersec 2020-11-09 10:11:14 +02:00 committed by vp8x8
parent da7383f89c
commit 68d97f6d9d
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/_responsive.scss
View File

@ -31,6 +31,8 @@
@media only screen and (max-width: $verySmallScreen) {
.welcome {
display: block;
#enter_room {
position: relative;
height: 42px;
@ -46,8 +48,7 @@
}
.header {
background: #06345E;
background-image: linear-gradient(180deg, rgba(8, 110, 202, 0.8) 0%, rgba(8, 110, 202, 0) 100%);
background-color: #002637;
#enter_room {
.enter-room-input-container {
@ -89,6 +90,10 @@
.welcome-badge {
margin-right: 16px;
}
.welcome-footer {
display: none;
}
}
#videoResolutionLabel {

2
css/_variables.scss
View File

@ -176,7 +176,7 @@ $welcomePageBackground: none;
$welcomePageTitleColor: #fff;
$welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/images/welcome-background.png');
$welcomePageHeaderBackgroundPosition: none;
$welcomePageHeaderBackgroundPosition: center;
$welcomePageHeaderBackgroundRepeat: none;
$welcomePageHeaderBackgroundSize: cover;
$welcomePageHeaderPaddingBottom: 0px;