DMC/multiplayer-ce
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed the layout breaking in portrait mode

Browse Source 
Removed minimum width and height because they are unnecessary
This commit is contained in:
Erik Thuning 2025-01-22 14:41:00 +01:00
parent 6e0da80d9d
commit f57c52ec51
1 changed files with 9 additions and 8 deletions

17
multiplayer.js

@ -56,8 +56,8 @@ button {
#player-root {
margin: 0;
padding: 0;
min-height: 400px;
min-width: 600px;
/* min-height: 400px; */
/* min-width: 600px; */
background-color: var(--background);
color: var(--foreground);
font-family: var(--font);
@ -80,9 +80,6 @@ button {
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
}
#viewport.wide {
grid-auto-flow: column;
}
/** about box **/
@ -316,18 +313,22 @@ video {
grid-row: 1 / 4;
grid-column: 1 / 4;
}
/*
@media screen and (max-aspect-ratio: 33/26) {
/*
this is the aspect ratio when the vertical
stacking starts/stops fitting in the container
*/
.stream {
grid-column-start: 1;
grid-row: 1;
grid-column: auto;
}
.stream.main {
grid-row: 2 / 5;
align-self: start;
}
}
*/
.stream > video {
grid-row: 1 / 4;
grid-column: 1 / 4;