From 55fc829ab52165621d756df1cbf6fff9b1b8bea1 Mon Sep 17 00:00:00 2001
From: yashrajbharti <y.bharti@cybtekk.com>
Date: Wed, 12 Jun 2024 16:57:36 +0530
Subject: [PATCH] fix zoom multiplier

---
 js/stream.mjs | 4 ++--
 style.css     | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/stream.mjs b/js/stream.mjs
index cd63cea..6aa34e6 100644
--- 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
index 2ca2ad3..ddf42f8 100644
--- 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;
 }
\ No newline at end of file