scandoc-ai-components 0.0.49 → 0.0.50

package/dist/index.js

@@ -11400,9 +11400,11 @@ class ExtractorVideo {
 			<div class="desktopFeedback" id="ScanDocAIMessage"></div>
 			<div class="desktopVideoArea">
 				<div class="desktopVideoHolder">
-					<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
-					<div class="backgroundOverlay"></div>
-					<div class="desktopRectangle dashedRectangle"></div>
+					<div class="videoWrapper">
+						<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
+						<div class="backgroundOverlay"></div>
+						<div class="desktopRectangle dashedRectangle"></div>
+					</div>
 				</div>
 			</div>
 	
@@ -11425,25 +11427,30 @@ class ExtractorVideo {
 					overflow: hidden;
 				}
 	
+				.videoWrapper {
+					position: relative;
+					width: 100%;
+					aspect-ratio: 16 / 9;
+				}
+
 				.desktopVideo {
 					width: 100%;
-					height: auto;
-					margin-left: auto;
-					margin-right: auto;
-					max-width: 100vw;
-					max-height: 100vh;
+					height: 100%;
+					object-fit: cover;
+					display: block;
 				}
-	
+
 				.desktopRectangle {
 					position: absolute;
-					top: 32px;
-					right: 32px;
-					bottom: 32px;
-					left: 28px;
+					top: 5%;
+					left: 5%;
+					right: 5%;
+					bottom: 5%;
 					border-radius: 30px;
 					display: flex;
 					justify-content: center;
 					align-items: center;
+					z-index: 3;
 				}
 	
 				.dashedRectangle {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "scandoc-ai-components",
   "author": "ScanDoc-AI",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "private": false,
   "description": "Pure JavaScript package for integrating ScanDoc-AI services.",
   "keywords": [