38 lines
713 B
CSS
38 lines
713 B
CSS
.orgy-top-container {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
@media all and (max-width: 900px) {
|
|
.orgy-top-container {
|
|
flex-flow: column wrap;
|
|
}
|
|
.orgy-info-window-item {
|
|
max-height: 20% !important;
|
|
height: 20% !important;
|
|
}
|
|
.orgy-chat-window-item {
|
|
max-height: 80% !important;
|
|
height: 80% !important;
|
|
}
|
|
}
|
|
@media all and (min-width: 900px) {
|
|
.orgy-top-container {
|
|
flex-flow: row nowrap;
|
|
}
|
|
}
|
|
|
|
.orgy-chat-window-item {
|
|
flex-grow: 2;
|
|
width: fit-content;
|
|
}
|
|
.orgy-info-window-item {
|
|
max-width: 550px;
|
|
width: 550px;
|
|
}
|
|
.rumble-player {
|
|
aspect-ratio: 16/9;
|
|
max-width: min(70vw,500px) !important;
|
|
width: 500px;
|
|
}
|