Fix text areas being 65% of the screen high on every page
The rule meant for the settings box on the Advanced page matched every textarea with a rows attribute (DNS providers, DDNS, certificate, WireGuard import). It now only matches that box. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01AeFqV9dZrK6nipHkPfyM4F
This commit is contained in:
@@ -85,7 +85,7 @@ input, select, textarea, button { font: inherit; color: var(--fg); background: v
|
||||
input:hover, select:hover, textarea:hover { border-color: color-mix(in srgb, var(--fg) 30%, var(--line)); }
|
||||
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent); }
|
||||
input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--muted) 65%, transparent); }
|
||||
textarea[rows] { height: min(calc(1.45em * var(--rows, 30)), 65vh); }
|
||||
textarea[rows="30"] { height: min(44rem, 65vh); }
|
||||
textarea { width: 100%; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; }
|
||||
.narrow { max-width: 24rem; display: flex; flex-direction: column; gap: .8rem; }
|
||||
.narrow label { margin: 0; }
|
||||
|
||||
Reference in New Issue
Block a user