fix zoom multiplier

CybTekk-LLP · Jun 12, 2024 · 55fc829 · 55fc829
1 parent 4d35a08
commit 55fc829
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
@@ -33,8 +33,8 @@ export const streamWebCamVideo = (isFrontCamera = true) => {
       input.step = capabilities.zoom.step;
       input.value = settings.zoom;
 
-      document.querySelector(".zoom-multiplier").textContent = `${capabilities.zoom.min
-        } ${(capabilities.zoom.max + 3 * capabilities.zoom.min) / 4} ${(3 * capabilities.zoom.max + capabilities.zoom.min) / 4} ${capabilities.zoom.max}`
+      document.querySelector(".zoom-multiplier").textContent = `${~~capabilities.zoom.min
+        }x ${~~(capabilities.zoom.max + 3 * capabilities.zoom.min) / 4}x ${~~(3 * capabilities.zoom.max + capabilities.zoom.min) / 4}x ${~~capabilities.zoom.max}x`
 
       console.log("min:", capabilities.zoom.min)
       console.log("max:", capabilities.zoom.max)

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;
@@ -221,5 +221,6 @@ video.flip {
 }
 .range-container img{
     position: absolute;
+    opacity: 0.6;
     pointer-events: none;
 }