owncast/web/components/video/OwncastPlayer/OwncastPlayer.module.scss
Michael David Kuckuk 25119561fb
Give chat a min-height that other elements yield to on mobile clients (#2676)
* Add className prop to some components

* Give mobile chatbox height priority over other elements

* Optimize for mobile landscape mode

* Make thumbnail background black

* Fix overflow issues on narrow screens

* Adjust layout for offline mode on mobile

* Fix main content width on Desktop

* Fix offline layout for desktop
2023-02-08 18:50:58 -08:00

21 lines
310 B
SCSS

@import '../../../styles/mixins.scss';
.container {
display: grid;
width: 100%;
justify-items: center;
height: 75vh;
aspect-ratio: 16 / 9;
@media (max-width: 1200px) {
height: 100%;
max-height: 75vh;
}
.player,
.poster {
width: 100%;
grid-column: 1;
grid-row: 1;
}
}