owncast/web/components/video/OwncastPlayer/OwncastPlayer.module.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;
  }
}
Make the player fit the full width but content stay the same. For #2360 2023-01-21 23:50:30 +03:00			`@import '../../../styles/mixins.scss';`

Play around with sizing and placement of player. For #2204 and #2303 2022-11-20 00:35:37 +03:00			`.container {`
			`display: grid;`
			`width: 100%;`
			`justify-items: center;`
Update how the player resizes to fit. Closes #2360 2023-01-30 04:10:38 +03:00			`height: 75vh;`
Fix player sizing in different viewports. Closes #2360 2023-01-29 05:13:00 +03:00			`aspect-ratio: 16 / 9;`
Play around with sizing and placement of player. For #2204 and #2303 2022-11-20 00:35:37 +03:00
Update how the player resizes to fit. Closes #2360 2023-01-30 04:10:38 +03:00			`@media (max-width: 1200px) {`
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-09 05:50:58 +03:00			`height: 100%;`
Update how the player resizes to fit. Closes #2360 2023-01-30 04:10:38 +03:00			`max-height: 75vh;`
			`}`

Play around with sizing and placement of player. For #2204 and #2303 2022-11-20 00:35:37 +03:00			`.player,`
			`.poster {`
			`width: 100%;`
			`grid-column: 1;`
			`grid-row: 1;`
			`}`
			`}`