Update index.html

AJYaBoi · Aug 5, 2024 · d9c39b7 · d9c39b7
1 parent 64fa96e
commit d9c39b7
Showing 1 changed file with 6 additions and 15 deletions.
diff --git a/VideoPlayer/index.html b/VideoPlayer/index.html
@@ -10,16 +10,19 @@
             overflow: hidden;
             background-color: #000;
             display: flex;
-            flex-direction: column;
             justify-content: center;
             align-items: center;
             height: 100vh;
             width: 100vw;
             color: white;
             font-family: Arial, sans-serif;
+            position: relative; /* Allow absolute positioning within */
         }
-        .dvd {
+        .dvd-container {
             position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
             width: 300px;  /* Size set to 300px x 100px */
             height: 100px; /* Size set to 300px x 100px */
             background-size: contain;
@@ -33,18 +36,6 @@
             border: 2px solid #fff;
             background-color: #000;
         }
-        .dvd-container {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 300px;  /* Size set to 300px x 100px */
-            height: 100px; /* Size set to 300px x 100px */
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-            z-index: 10;
-        }
         .dropzone {
             width: 100%;
             height: 100%;
@@ -55,6 +46,7 @@
             background-color: #000;
             color: #fff;
             text-align: center;
+            position: relative; /* Allow positioning of DVD logo inside */
         }
         .hidden {
             display: none;
@@ -114,4 +106,3 @@
     </script>
 </body>
 </html>
-