Bladeren bron

Make the webcam video fill the available space as much as possible

Renée Kooi 8 jaren geleden
bovenliggende
commit
59bef6de7a
1 gewijzigde bestanden met toevoegingen van 6 en 10 verwijderingen
  1. 6 10
      src/scss/_webcam.scss

+ 6 - 10
src/scss/_webcam.scss

@@ -12,19 +12,15 @@
 }
 }
 
 
 .UppyWebcam-videoContainer {
 .UppyWebcam-videoContainer {
-  width: 70%;
-  height: 80%;
-  position: relative;
-  overflow: hidden;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 }
 
 
 .UppyWebcam-video {
 .UppyWebcam-video {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  min-width: 100%;
-  min-height: 100%;
+  max-width: 100%;
+  max-height: 100%;
 }
 }
 
 
 // .UppyWebcam-canvas {
 // .UppyWebcam-canvas {