From aac57368b135ca6e124186470b120203cb90dbf1 Mon Sep 17 00:00:00 2001
From: Michael McVady <michaelm@telnyx.com>
Date: Thu, 26 Feb 2026 11:09:46 -0500
Subject: scale for mobile

---
 app.py | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'app.py')
diff --git a/app.py b/app.py
index 4db2c24..836dabf 100644
--- a/app.py
+++ b/app.py
@@ -19,11 +19,12 @@ TEMPLATE_STR = """<!DOCTYPE html>
 <html lang="zxx">
 <head>
 <title>lux</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <style>
-  body { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }
-  h1 { font-family: monospace; }
+  body { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100dvh; }
+  h1 { font-family: monospace; font-size: 2rem; }
   input[type=color] {
-    width: 200px; height: 200px; border: none; border-radius: 50%; cursor: pointer; padding: 0;
+    width: 60vmin; height: 60vmin; border: none; border-radius: 50%; cursor: pointer; padding: 0;
     background: radial-gradient(circle, white 0%, transparent 70%),
       conic-gradient(hsl(0,100%,50%), hsl(60,100%,50%), hsl(120,100%,50%),
         hsl(180,100%,50%), hsl(240,100%,50%), hsl(300,100%,50%), hsl(360,100%,50%));
-- 
cgit v1.2.3

