浏览代码

feat(virtual-background): Add placeholder on virtual background preview

j8
Tudor D. Pop 4 年前
父节点
当前提交
5e4753888e
没有帐户链接到提交者的电子邮件
共有 1 个文件被更改,包括 18 次插入4 次删除
  1. 18
    4
      css/modals/virtual-background/_virtual-background.scss

+ 18
- 4
css/modals/virtual-background/_virtual-background.scss 查看文件

@@ -1,4 +1,5 @@
1 1
 .virtual-background-dialog {
2
+    position: relative;
2 3
     max-height: 300px;
3 4
     color: white;
4 5
     display: inline-grid;
@@ -107,6 +108,7 @@
107 108
         vertical-align: middle;
108 109
         line-height: 60px;
109 110
     }
111
+
110 112
     @media (min-width: 432px) and (max-width: 632px) {
111 113
         font-size: 1.5vw;
112 114
         .virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
@@ -179,8 +181,20 @@
179 181
  }
180 182
 
181 183
  .video-preview-loader{
184
+     border-radius: 6px;
185
+     background-color: transparent;
186
+     height: 250px;
187
+     margin-bottom: 8px;
188
+     width: 572px;
182 189
      position: fixed;
183
-     left: 50%;
184
-     top: 35%;
185
-     transform: translate(-50%,-35%);
186
- }
190
+     z-index: 2;
191
+     @media (min-width: 432px) and (max-width: 632px) {
192
+         width: 340px;
193
+     }
194
+ }
195
+
196
+ .video-preview-loader svg{
197
+    position: absolute;
198
+    top: 40%;
199
+    left: 45%;
200
+ }

正在加载...
取消
保存