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

2
css/_variables.scss
View File

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