Feature: add simple mobile camera scan mode

2026-02-14 22:39:10 +01:00
parent e31ec831b3
commit 80a126bd6e
3 changed files with 217 additions and 0 deletions
--- a/styles.css
+++ b/styles.css
@@ -276,6 +276,51 @@ h1 {
  margin-bottom: 0.8rem;
 }

+.scanner-zone {
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 0.75rem;
+  margin-bottom: 0.9rem;
+  background: #f7fbf8;
+}
+
+.scanner-header {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.scanner-header strong {
+  font-size: 0.92rem;
+  color: #19334a;
+}
+
+.scanner-status {
+  margin: 0;
+  font-size: 0.85rem;
+  color: var(--muted);
+}
+
+.scanner-actions {
+  display: flex;
+  gap: 0.5rem;
+  margin: 0.65rem 0;
+}
+
+.scanner-video {
+  width: min(100%, 420px);
+  border-radius: 10px;
+  border: 1px solid #ccd8e6;
+  background: #101820;
+  display: block;
+}
+
+.scanner-last-code {
+  margin: 0.6rem 0 0;
+  font-size: 0.86rem;
+  color: #204564;
+  font-weight: 600;
+}
+
 .quick-search-results {
  margin-top: 0.65rem;
  display: grid;