Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki 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
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 4 additions and 8 deletions
Show Stats 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;
width: 100%;
justify-items: center;
height: 78vh;
@include screen(tablet) {
aspect-ratio: 16 / 9;
height: unset;
}
max-height: 75vh;
aspect-ratio: 16 / 9;
.player,
.poster {

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

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