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

Loading…
Cancel
Save