Update syle mobile
- update my video side - update user video side - update button video cam and microphone side
This commit is contained in:
parent
09d5e0b689
commit
30c1825abd
3 changed files with 45 additions and 29 deletions
53
front/dist/resources/style/mobile-style.scss
vendored
53
front/dist/resources/style/mobile-style.scss
vendored
|
@ -1,17 +1,50 @@
|
|||
@media only screen and (max-width: 600px) {
|
||||
.sidebar > div {
|
||||
max-height: 240px;
|
||||
@media only screen and (max-width: 700px) {
|
||||
video#myCamVideo {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sidebar > div {
|
||||
max-height: 240px;
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar{
|
||||
max-width: 200px;
|
||||
.btn-cam-action div {
|
||||
bottom: 30px;
|
||||
|
||||
&.btn-micro {
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
&.btn-monitor {
|
||||
right: 171px;
|
||||
}
|
||||
|
||||
&.btn-video {
|
||||
right: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-cam-action div{
|
||||
bottom: 50px;
|
||||
.main-section {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
min-width: 400px;
|
||||
|
||||
& > div {
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue