Adapt canvas to screen size

packages/qr-code-scanner/src/qr-code-scanner.js

@@ -422,9 +422,10 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
             }
         
             #canvas {
-                width: 100%;
+                /* width: 100%; */
                 margin-top: 2rem;
-                max-height: 100%;
+                max-height: calc(100vh - 100px);
+                max-width: 100%;
             }
         
             .output {

[Reiter, Christoph]

das kam nur vom CSS diff das firefox mir gegeben hat ;)

[Steinwender, Tamara]

Ich hab mir gedacht ich kommentiers mal aus, falls es doch nicht gefällt so wie wir es haben, aber ich gehe gerade sowieso alles durch und schau mal was wir an auskommentierten code haben:)