hybrid

static/style.css

@@ -63,6 +63,8 @@ textarea {
   width: 100%;
   max-width: 800px;
   font-family: monospace;
+  min-width: 20%;
+  min-height: 20dvh;
 }
 
 form {
@@ -87,6 +89,7 @@ li {
   padding: 15px;
   border-radius: var(--border-radius);
   word-break: break-all;
+  width: min-content;
 }
 
 li a {

templates/macros.html

@@ -50,6 +50,8 @@
             new QRCode(e, {
                 text: a,
                 correctLevel: QRCode.CorrectLevel.L,
+                width: 256,
+                height: 256,
             });
         });
     });

templates/multi.html

@@ -4,11 +4,6 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Queue dump type shit</title>
-        <style>
-            li {
-                width: min-content;
-            }
-        </style>
     </head>
 
     <body>

templates/queue.html

@@ -12,28 +12,23 @@
     <body>
         <form method="POST" action="/queuein">
             <label for="lines">in:</label>
-            <textarea
+            <textarea id="lines" rows="20" cols="100" name="lines"></textarea>
-                id="l"
-                rows="20"
-                cols="100"
-                style="min-width: 20%; min-height: 20dvh"
-                name="lines"
-            ></textarea>
             <input type="submit" value="ahh" />
         </form>
         <script>
-            /**@type {HTMLTextAreaElement} */
-            (
             // lifted from google search ai
-                document.getElementById("l")
+            /**@type {HTMLTextAreaElement} */
-            ).addEventListener("keydown", function (e) {
+            (document.getElementById("lines")).addEventListener(
+                "keydown",
+                function (e) {
                     // Check for Ctrl+Enter (Windows/Linux) or Command+Enter (Mac)
                     if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
                         e.preventDefault(); // Prevent the default newline character
                         // Submit the form associated with this textarea
                         this.form.submit();
                     }
-            });
+                }
+            );
         </script>
         {% from "macros.html" import qrcode_queue %} {% if queue_items %}
         <p>total: {{ queue_items|length }}</p>