Removing too wide border in videos

This commit is contained in:
David Négrier 2022-01-11 13:52:38 +01:00 committed by Alexis Faizeau
parent 4436db0d3d
commit 873c335054
3 changed files with 31 additions and 19 deletions

View file

@ -65,8 +65,12 @@
max-height: 20%;
transition: transform 1000ms;
padding: 0;
background-color: #00000099;
overflow: hidden;
line-height: 0;
&.nes-container.is-rounded {
border-image-outset: 1;
}
}
.my-cam-video-container.hide {
@ -76,6 +80,7 @@
.my-cam-video {
background-color: #00000099;
max-height: 20vh;
max-width: max(25vw, 150px);
width: 100%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
@ -86,14 +91,4 @@
color: white;
padding: 40px 20px;
}
@include media-breakpoint-up(md) {
.my-cam-video {
width: 150px;
}
.my-cam-video-container.hide {
right: -160px;
}
}
</style>