@@ -12,19 +12,15 @@
}
.UppyWebcam-videoContainer {
- width: 70%;
- height: 80%;
- position: relative;
- overflow: hidden;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
.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 {