MinPluto/Zorn
MinPluto/Zorn
1
0
Fork 0
Code Issues Activity

Adjust video fill, add transitions to controls

Browse source
This commit is contained in:
Korbs 2024-11-01 21:36:48 -04:00
parent 79c9039cdd
commit 8c67818689
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/Index.scss
View file

@ -9,6 +9,8 @@
} }
video { video {
width: 100%; width: 100%;
height: 100%;
object-fit: contain;
z-index: 1; z-index: 1;
} }
canvas { canvas {
@ -66,6 +68,10 @@
align-items: center; align-items: center;
gap: 6px; gap: 6px;
} }
.vc-start,
.vc-center {
transition: 0.3s opacity;
}
.vc-center { .vc-center {
width: calc(100% - 220px); width: calc(100% - 220px);
display: flex; display: flex;
@ -192,6 +198,7 @@
gap: 6px; gap: 6px;
padding: 4px; padding: 4px;
backdrop-filter: blur(24px) contrast(0.8) brightness(0.8); backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
-webkit-backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
hr { hr {
margin: 0px; margin: 0px;
width: 100%; width: 100%;