浏览代码

fix(welcome_page): Fix mobile version

* Fix layout
* Change background color & show image
master
Vlad Piersec 5 年前
父节点
当前提交
68d97f6d9d
共有 2 个文件被更改,包括 8 次插入3 次删除
  1. 7
    2
      css/_responsive.scss
  2. 1
    1
      css/_variables.scss

+ 7
- 2
css/_responsive.scss 查看文件

31
 
31
 
32
 @media only screen and (max-width: $verySmallScreen) {
32
 @media only screen and (max-width: $verySmallScreen) {
33
   .welcome {
33
   .welcome {
34
+      display: block;
35
+
34
       #enter_room {
36
       #enter_room {
35
         position: relative;
37
         position: relative;
36
         height: 42px;
38
         height: 42px;
46
       }
48
       }
47
 
49
 
48
       .header {
50
       .header {
49
-          background: #06345E;
50
-          background-image: linear-gradient(180deg, rgba(8, 110, 202, 0.8) 0%, rgba(8, 110, 202, 0) 100%);
51
+          background-color: #002637;
51
 
52
 
52
           #enter_room {
53
           #enter_room {
53
               .enter-room-input-container {
54
               .enter-room-input-container {
89
       .welcome-badge {
90
       .welcome-badge {
90
           margin-right: 16px;
91
           margin-right: 16px;
91
       }
92
       }
93
+
94
+      .welcome-footer {
95
+          display: none;
96
+      }
92
   }
97
   }
93
 
98
 
94
     #videoResolutionLabel {
99
     #videoResolutionLabel {

+ 1
- 1
css/_variables.scss 查看文件

176
 $welcomePageTitleColor: #fff;
176
 $welcomePageTitleColor: #fff;
177
 
177
 
178
 $welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/images/welcome-background.png');
178
 $welcomePageHeaderBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/images/welcome-background.png');
179
-$welcomePageHeaderBackgroundPosition: none;
179
+$welcomePageHeaderBackgroundPosition: center;
180
 $welcomePageHeaderBackgroundRepeat: none;
180
 $welcomePageHeaderBackgroundRepeat: none;
181
 $welcomePageHeaderBackgroundSize: cover;
181
 $welcomePageHeaderBackgroundSize: cover;
182
 $welcomePageHeaderPaddingBottom: 0px;
182
 $welcomePageHeaderPaddingBottom: 0px;

正在加载...
取消
保存