Fixed aspect ratio for video element on mobile
This commit is contained in:
parent
ed733b6992
commit
868f7da3d2
|
@ -424,9 +424,13 @@ input[type=text] {
|
||||||
/* ---------------------- */
|
/* ---------------------- */
|
||||||
/* COMBINED MODE (MOBILE) */
|
/* COMBINED MODE (MOBILE) */
|
||||||
/* ---------------------- */
|
/* ---------------------- */
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 480px) {
|
||||||
.combined {
|
.combined {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: 50vw 1fr;
|
grid-template-rows: 56.25vw 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.combined #chatwindow {
|
||||||
|
max-height: calc(var(--var-max-height) - 56.25vw);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue