LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix player sizing in different viewports. Closes #2360

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-28 18:13:00 -08:00
parent c352e4a9c1
commit fb4b0a56cc
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/video/OwncastPlayer/OwncastPlayer.module.scss
View File

@@ -4,12 +4,8 @@
display: grid; display: grid;
width: 100%; width: 100%;
justify-items: center; justify-items: center;
height: 78vh; max-height: 75vh;
aspect-ratio: 16 / 9;
@include screen(tablet) {
aspect-ratio: 16 / 9;
height: unset;
}
.player, .player,
.poster { .poster {

4
web/components/video/VideoPoster/VideoPoster.tsx
View File

@@ -33,9 +33,9 @@ export const VideoPoster: FC<VideoPosterProps> = ({ online, initialSrc, src: bas
<CrossfadeImage <CrossfadeImage
src={src} src={src}
duration={duration} duration={duration}
objectFit="cover" objectFit="contain"
height="auto"
width="100%" width="100%"
height="100%"
/> />
)} )}
</div> </div>