fix: preview background hidden when mouse hover

Lmmmmmm-bb · Jul 13, 2022 · 4aec6ad · 4aec6ad
1 parent 2233cfc
commit 4aec6ad
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/video-preview/index.module.scss b/components/video-preview/index.module.scss
@@ -40,6 +40,7 @@
     background-size: 1900px;
     border-radius: 4px;
     transition: opacity 0.3s ease-in-out;
+    background-repeat: no-repeat;
   }
 
   .length {
@@ -57,16 +58,16 @@
   }
 
   .progressWrapper {
-    margin-top: 5px;
+    padding: 6px 5px;
     width: 100%;
     height: 2px;
     position: absolute;
     left: 0;
     top: 0;
-    padding: 0 5px 5px;
     box-sizing: border-box;
     background-color: #000;
     transition: opacity 0.3s ease-in-out;
+    border-radius: 4px;
 
     .progress {
       width: 0;