feat(virtual-background): Add placeholder on virtual background preview
This commit is contained in:
parent
6e91665987
commit
5e4753888e
|
@ -1,4 +1,5 @@
|
||||||
.virtual-background-dialog {
|
.virtual-background-dialog {
|
||||||
|
position: relative;
|
||||||
max-height: 300px;
|
max-height: 300px;
|
||||||
color: white;
|
color: white;
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
|
@ -107,6 +108,7 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 432px) and (max-width: 632px) {
|
@media (min-width: 432px) and (max-width: 632px) {
|
||||||
font-size: 1.5vw;
|
font-size: 1.5vw;
|
||||||
.virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
|
.virtual-background-none, .thumbnail, .thumbnail-selected, .none-selected, .blur, .blur-selected, .slight-blur, .slight-blur-selected{
|
||||||
|
@ -179,8 +181,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-preview-loader{
|
.video-preview-loader{
|
||||||
|
border-radius: 6px;
|
||||||
|
background-color: transparent;
|
||||||
|
height: 250px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
width: 572px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 50%;
|
z-index: 2;
|
||||||
top: 35%;
|
@media (min-width: 432px) and (max-width: 632px) {
|
||||||
transform: translate(-50%,-35%);
|
width: 340px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-preview-loader svg{
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
left: 45%;
|
||||||
}
|
}
|
Loading…
Reference in New Issue