Adjust video fill, add transitions to controls

2024-11-01 21:36:48 -04:00 · 2024-11-01 21:36:48 -04:00 · 8c67818689
commit 8c67818689
parent 79c9039cdd
1 changed files with 7 additions and 0 deletions
--- a/src/Index.scss
+++ b/src/Index.scss
@ -9,6 +9,8 @@
    }
    video {
        width: 100%;
+        height: 100%;
+        object-fit: contain;
        z-index: 1;
    }
    canvas {
@ -66,6 +68,10 @@
                align-items: center;
                gap: 6px;
            }
+            .vc-start,
+            .vc-center {
+                transition: 0.3s opacity;
+            }
            .vc-center {
                width: calc(100% - 220px);
                display: flex;
@ -192,6 +198,7 @@
    gap: 6px;
    padding: 4px;
    backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
+    -webkit-backdrop-filter: blur(24px) contrast(0.8) brightness(0.8);
    hr {
        margin: 0px;
        width: 100%;