fix zoom multiplier

CybTekk-LLP · Jun 12, 2024 · b3bf417 · b3bf417
1 parent 473b613
commit b3bf417
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/js/stream.mjs b/js/stream.mjs
@@ -45,7 +45,7 @@ export const streamWebCamVideo = (isFrontCamera = true) => {
 
       input.oninput = function (event) {
         track.applyConstraints({ advanced: [{ zoom: event.target.value }] });
-        document.querySelector(".slider").style.left = input.value + "px";
+        document.querySelector(".slider").style.left = input.value * 100 + "px";
       }
       input.hidden = false;
       document.querySelector(".range-container").style.visibility = "visible"

diff --git a/style.css b/style.css
@@ -210,7 +210,7 @@ video.flip {
     display: flex;
     justify-content: center;
     word-spacing: 15px;
-    /* visibility: hidden; */
+    visibility: hidden;
 }
 .zoom-multiplier{
     position: absolute;
@@ -222,9 +222,10 @@ video.flip {
 }
 .range-container img{
     position: absolute;
-    opacity: 0.9;
     pointer-events: none;
 }
 .range-container .slider{
     position: absolute;
+    left: 0;
+    padding: 0 3px;
 }