diff options
| -rw-r--r-- | app.py | 7 |
1 files changed, 4 insertions, 3 deletions
@@ -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%)); |