Browse Source

fix(virtual-background): Responsive virtual background preview.

j8
tudordan7 3 years ago
parent
commit
839f632af6
1 changed files with 6 additions and 4 deletions
  1. 6
    4
      css/modals/virtual-background/_virtual-background.scss

+ 6
- 4
css/modals/virtual-background/_virtual-background.scss View File

@@ -155,12 +155,15 @@
155 155
         }
156 156
     }
157 157
     @media (max-width: 432px){
158
+        .share-desktop-icon{
159
+            margin-top: 25%;
160
+        }
158 161
         font-size: 1.5vw;
159
-        .virtual-background-none, .thumbnail, .blur, .slight-blur{
162
+        .desktop-share, .virtual-background-none, .thumbnail, .blur, .slight-blur{
160 163
             height: 60px;
161 164
             width: 60px;
162 165
         }
163
-        .thumbnail-selected, .none-selected, .blur-selected, .slight-blur-selected{
166
+        .desktop-share-selected, .thumbnail-selected, .none-selected, .blur-selected, .slight-blur-selected{
164 167
             height: 56px;
165 168
             width: 56px;
166 169
         }
@@ -222,9 +225,8 @@
222 225
  .video-background-preview-entry{
223 226
     margin-left: -10px;
224 227
     height: 250px;
225
-    max-width: 95.4%;
228
+    width: 570px;
226 229
     margin-bottom: 8px;
227
-    position: absolute;
228 230
     z-index: 2;
229 231
     @media (min-width: 432px) and (max-width: 632px) {
230 232
         max-width: 336;

Loading…
Cancel
Save