update style

Author: Shen-wb

1.hello-world/13.read-video-react-ts/src/components/VideoDecode/VideoDecode.css

@@ -1,4 +1,4 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
 .dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}

1.hello-world/3.read-video-angular/src/app/barcode-scanner/barcode-scanner.component.css

@@ -1,4 +1,4 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
 .dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}
@@ -10,4 +10,4 @@
 .dbr-msg-poweredby{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);}
 .dbr-msg-poweredby svg {height:max(3vmin,17px);fill:#FFFFFF;}
 @keyframes dce-rotate{from{transform:rotate(0turn);}to{transform:rotate(1turn);}}
-@keyframes dce-scanlight{from{top:0;}to{top:97%;}}
+@keyframes dce-scanlight{from{top:0;}to{top:97%;}}

1.hello-world/4.read-video-react/src/components/VideoDecode/VideoDecode.css

@@ -1,4 +1,4 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
 .dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}

1.hello-world/5.read-video-vue/src/components/VideoDecode.vue

@@ -109,7 +109,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;

1.hello-world/6.read-video-vue3/src/components/VideoDecode.vue

@@ -113,7 +113,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;

1.hello-world/7.read-video-nextjs/styles/BarcodeScanner.css

@@ -1,4 +1,4 @@
-.component-barcode-scanner{width:100%;height:100%;min-width:640px;min-height:480px;background:#eee;position:relative;resize:both;}
+.component-barcode-scanner{width:100%;height:100%;/* min-width:640px; */min-height:480px;background:#eee;position:relative;resize:both;}
 .dce-bg-loading{animation:1s linear infinite dce-rotate;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-bg-camera{display:none;width:40%;height:40%;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;fill:#aaa;}
 .dce-video-container{position:absolute;left:0;top:0;width:100%;height:100%;}

1.hello-world/8.read-video-nuxtjs/components/VideoDecode.vue

@@ -109,7 +109,7 @@ export default {
 .component-barcode-scanner {
   width: 100%;
   height: 100%;
-  min-width: 640px;
+  /* min-width: 640px; */
   min-height: 480px;
   background: #eee;
   position: relative;