From 8c67818689c643a97ce433d4094292f99b8f9455 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Fri, 1 Nov 2024 21:36:48 -0400
Subject: [PATCH] Adjust video fill, add transitions to controls

---
 src/Index.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/Index.scss b/src/Index.scss
index 98f92a0..60a751a 100644
--- 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%;