Improve layout for some camera types

2022-02-26 23:22:44 -08:00
parent 464050deaa
commit cdddf73e29
3 changed files with 17 additions and 5 deletions
--- a/bookwyrm/static/css/bookwyrm/components/_barcode.scss
+++ b/bookwyrm/static/css/bookwyrm/components/_barcode.scss
@ -2,14 +2,22 @@
 /* Barcode scanner CSS */
 #barcode-scanner {
    position: relative;
-    min-height: 450px;
+    max-width: 100%;
+    text-align: center;
+
+    video {
+        height: calc(70vh - 200px);
+        max-width: 100%;
+    }

    .drawingBuffer {
        position: absolute;
        top: 0;
        left: 0;
-        height: auto;
-        width: 100%;
+        right: 0;
+        margin: auto;
+        height: calc(70vh - 200px);
+        max-width: 100%;
    }
 }