fix(virtual-background): Responsive virtual background preview.
This commit is contained in:
parent
737d542ca8
commit
839f632af6
|
@ -155,12 +155,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 432px){
|
@media (max-width: 432px){
|
||||||
|
.share-desktop-icon{
|
||||||
|
margin-top: 25%;
|
||||||
|
}
|
||||||
font-size: 1.5vw;
|
font-size: 1.5vw;
|
||||||
.virtual-background-none, .thumbnail, .blur, .slight-blur{
|
.desktop-share, .virtual-background-none, .thumbnail, .blur, .slight-blur{
|
||||||
height: 60px;
|
height: 60px;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
}
|
}
|
||||||
.thumbnail-selected, .none-selected, .blur-selected, .slight-blur-selected{
|
.desktop-share-selected, .thumbnail-selected, .none-selected, .blur-selected, .slight-blur-selected{
|
||||||
height: 56px;
|
height: 56px;
|
||||||
width: 56px;
|
width: 56px;
|
||||||
}
|
}
|
||||||
|
@ -222,9 +225,8 @@
|
||||||
.video-background-preview-entry{
|
.video-background-preview-entry{
|
||||||
margin-left: -10px;
|
margin-left: -10px;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
max-width: 95.4%;
|
width: 570px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
position: absolute;
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
@media (min-width: 432px) and (max-width: 632px) {
|
@media (min-width: 432px) and (max-width: 632px) {
|
||||||
max-width: 336;
|
max-width: 336;
|
||||||
|
|
Loading…
Reference in New Issue