workadventure/front/dist/resources/style/mobile-style.scss
Gregoire Parant 30c1825abd Update syle mobile
- update my video side
- update user video side
- update button video cam and microphone side
2021-04-20 19:54:37 +02:00

51 lines
650 B
SCSS

@media only screen and (max-width: 700px) {
video#myCamVideo {
width: 200px;
}
.sidebar {
width: 20%;
min-width: 200px;
position: absolute;
display: block;
right: 0;
height: 80%;
&> div {
max-height: 120px;
min-width: 200px;
}
.video-container{
min-width: 200px;
}
}
.btn-cam-action div {
bottom: 30px;
&.btn-micro {
right: 15px;
}
&.btn-monitor {
right: 171px;
}
&.btn-video {
right: 95px;
}
}
.main-section {
position: absolute;
width: 100%;
min-width: 400px;
& > div {
z-index: 2;
}
}
}