59 lines
1.0 KiB
SCSS
59 lines
1.0 KiB
SCSS
@import '../../../../styles/abstracts/variables';
|
|
|
|
.video-loading {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #ffffff;
|
|
z-index: 1;
|
|
}
|
|
|
|
.video-preview-wrapper {
|
|
position: relative;
|
|
|
|
.react-player > video {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
&__btn-actions {
|
|
border-radius: 8px;
|
|
|
|
&--play {
|
|
padding: 0 !important;
|
|
width: 48px !important;
|
|
height: 48px !important;
|
|
border-radius: 123px !important;
|
|
border: unset;
|
|
}
|
|
}
|
|
|
|
&__warning {
|
|
width: 100%;
|
|
height: 38px;
|
|
padding: 10px !important;
|
|
margin-top: -6px;
|
|
border-radius: 0 0 8px 8px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: $grey;
|
|
z-index: 10;
|
|
|
|
.ant-typography {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.video-preview-wrapper__disable-upload {
|
|
background-color: transparent !important;
|
|
|
|
.react-player > video {
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
|
|
.video-preview-wrapper__btn-actions {
|
|
background-color: transparent !important;
|
|
border-radius: 8px 8px 0 0 !important;
|
|
}
|
|
}
|