From 15227125b9a11f71c727e305dedcb9fbde41f138 Mon Sep 17 00:00:00 2001
From: "Dustin C. Hatch" <dustin@hatch.name>
Date: Sat, 8 Mar 2025 20:41:40 -0600
Subject: [PATCH] ui: Request higher video resolution from camera

Apparently, you get 640x480 unless you ask for more?  Need to constrain
the viewer size, though, otherwise it massively overflows the page and
makes it impossible to see what you're taking a picture of.
---
 js/transaction.css | 7 +++++++
 js/transaction.ts  | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/js/transaction.css b/js/transaction.css
index d125efd..1054a32 100644
--- a/js/transaction.css
+++ b/js/transaction.css
@@ -6,6 +6,13 @@
   text-align: center;
 }
 
+#photo-view video,
+#photo-view canvas {
+  width: 100%;
+  height: auto;
+  object-fit: contain;
+}
+
 #photo-view sl-icon-button {
   font-size: 3em;
   margin: 0 0.5em;
diff --git a/js/transaction.ts b/js/transaction.ts
index 559bb74..cb1a22a 100644
--- a/js/transaction.ts
+++ b/js/transaction.ts
@@ -50,6 +50,8 @@ async function startCamera() {
                 facingMode: {
                     ideal: "environment",
                 },
+                width: { ideal: 1280 },
+                height: { ideal: 720 },
             },
             audio: false,
         });