fix

CybTekk-LLP · Jun 12, 2024 · e10dbcc · e10dbcc
1 parent 50e7550
commit e10dbcc
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/assets/video-rect.svg b/assets/video-rect.svg
diff --git a/js/photo-capture-and-save.mjs b/js/photo-capture-and-save.mjs
@@ -69,9 +69,9 @@ const drawOnCanvasAndSavePhoto = async (isMirrored = false) => {
 
     const isDualMode = document.querySelector(
       ".switch-camera-video-photo-mode input[type='radio'][name='modes']:checked").value === "dual-mode"
+    document.querySelector(".preview")?.classList?.remove("video")
     if (!isDualMode)
       document.querySelector(".preview").src = imageDataUrl;
-
     if (isDualMode) {
       dualPreview = !dualPreview;
       if (dualPreview)

diff --git a/js/video-capture-and-save.mjs b/js/video-capture-and-save.mjs
@@ -84,7 +84,8 @@ const saveRecordedVideo = () => {
   link.href = videoUrl;
   link.download = filename;
   // link.click();
-  document.querySelector(".preview").src = videoUrl
+  document.querySelector(".preview").src = videoUrl;
+  document.querySelector(".preview").classList.add("video")
   document.querySelector(".preview-dual").src = "./assets/rect-dual.svg"
   chunks = [];
 };

diff --git a/style.css b/style.css
@@ -74,6 +74,10 @@ video.flip {
     position: relative;
     z-index: 1;
 }
+
+.lenses>.image>.preview.video {
+   content: url("./assets/video-rect.svg");
+}
 .lenses>.image>.preview-dual {
     position: absolute;
     object-fit: cover;