thm/line-and-surface
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity

fix: video player stretch

Browse source
This commit is contained in:
Tomáš Mládek 2022-12-08 16:55:01 +01:00
parent 32d3aeb1cf
commit 254c40ca5a
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/VideoPlayer.svelte
View file

@ -33,15 +33,15 @@
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
display: flex;
justify-content: center;
@media (orientation: portrait) {
flex-direction: column;
}
background: rgba(0, 0, 0, 0.88); background: rgba(0, 0, 0, 0.88);
video { video {
width: 90%; margin: 0 2rem;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
transition: opacity 0.5s; transition: opacity 0.5s;