Merge pull request #27 from yashchaudhari008/video-scaling

Fixed video scaling issue
heysagnik · Oct 4, 2022 · 5bf48c5 · 5bf48c5 · vercel · Oct 4, 2022
2 parents 90fb353 + fa1e13a
commit 5bf48c5
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/scss/components/recorder.scss b/src/scss/components/recorder.scss
@@ -153,7 +153,7 @@
           transition: all 0.3s $bezier-curve;
 
           &:hover {
-            background-color: darken(#C3C1C1, 4%);
+            background-color: darken(#c3c1c1, 4%);
           }
         }
 
@@ -318,18 +318,19 @@
     }
 
     &__video {
+      height: 100%;
+      max-height: 45vh;
       &--wrp {
         position: relative;
         width: 40%;
-        max-width: 50%;
 
         @include mq(lg) {
           max-width: 56rem;
         }
 
         .sh {
           &__video {
-            display:none;
+            display: none;
             //aspect-ratio: 16/9;
             border-radius: $default-radius;
             background-color: $light-grey;
@@ -349,7 +350,7 @@
               position: absolute;
               bottom: 0;
               left: 0;
-              width: 50%;
+              width: 100%;
               height: 10%;
               border-bottom-left-radius: $default-radius;
               border-bottom-right-radius: $default-radius;