From 629d60902e53af31e87ad905ec9a20f93932969a Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 6 Feb 2025 14:26:46 +0700
Subject: <iman> update tampilan scanner

---
 src/common/components/Scanner/index.tsx          | 10 +++++++---
 src/common/components/Scanner/scanner.module.css |  2 +-
 src/modules/stock-opname/index.tsx               |  3 ++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/common/components/Scanner/index.tsx b/src/common/components/Scanner/index.tsx
index c21633f..a5c907d 100644
--- a/src/common/components/Scanner/index.tsx
+++ b/src/common/components/Scanner/index.tsx
@@ -29,9 +29,13 @@ const Scanner = (props: Props) => {
   }
 
   return (
-  <div className="relative w-full h-[125px] overflow-hidden">
-    <video ref={ref} className="w-full h-full object-cover" />
-  </div>
+  // <div className="relative w-full h-[125px] overflow-hidden">
+  //   <video ref={ref} className="w-full h-full object-cover" />
+  // </div>
+  <div className="relative w-full h-[350px] overflow-hidden">
+  <video ref={ref} onClick={restartCam} className={styles.video} />
+  <div className={styles.videoFrame} />
+</div>
   )
 }
 
diff --git a/src/common/components/Scanner/scanner.module.css b/src/common/components/Scanner/scanner.module.css
index f20f7b3..f3734a7 100644
--- a/src/common/components/Scanner/scanner.module.css
+++ b/src/common/components/Scanner/scanner.module.css
@@ -9,7 +9,7 @@
 .videoFrame {
   @apply absolute 
     border-double border-large border-default-50 
-    w-[60%] h-[30%] 
+    w-[65%] h-[40%] 
     top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 
     pointer-events-none 
     rounded-md;
diff --git a/src/modules/stock-opname/index.tsx b/src/modules/stock-opname/index.tsx
index 2f1c210..2937a98 100644
--- a/src/modules/stock-opname/index.tsx
+++ b/src/modules/stock-opname/index.tsx
@@ -187,7 +187,7 @@ const StockOpname = () => {
       </form>
 
       <Modal isOpen={!!activeScanner} onOpenChange={closeModal}>
-        <ModalContent>
+        <ModalContent className="fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
           <ModalHeader>Scan {activeScanner}</ModalHeader>
           <ModalBody className="pb-6">
             {!scannerOptions && !scannerOptionLoading && (
@@ -222,6 +222,7 @@ const StockOpname = () => {
           </ModalBody>
         </ModalContent>
       </Modal>
+
     </>
   )
 }
-- 
cgit v1.2.3