diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:53:46 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:53:46 +0200 |
| commit | 6e5dcdb53cea4c3f082d01c937fe5fc1d580c45b (patch) | |
| tree | 65985360b8c1a0c461a0f56798df4da16f5d0816 /src/lib | |
| parent | c915f91fbe8d97201d813c792f4e1fe8c4401e15 (diff) | |
fix: unify add-bar input and button heights at 2.75remmain
The quick-add input computed to 40px while the square accent/outline
buttons were hard-coded 3rem, leaving an 8px overhang. Give add-bar
controls one shared height of 2.75rem — the nav/row rhythm and the
44px touch-target minimum — in the three places that render them
(Button squares, .add-bar input, FuzzyAutocomplete input).
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/components/Button.svelte | 8 | ||||
| -rw-r--r-- | src/lib/components/FuzzyAutocomplete.svelte | 1 |
2 files changed, 5 insertions, 4 deletions
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte index cfd24f7..328af3d 100644 --- a/src/lib/components/Button.svelte +++ b/src/lib/components/Button.svelte @@ -75,8 +75,8 @@ } .accent { - width: 3rem; - height: 3rem; + width: 2.75rem; + height: 2.75rem; flex-shrink: 0; padding: 0; background: var(--accent); @@ -128,8 +128,8 @@ } .outline { - width: 3rem; - height: 3rem; + width: 2.75rem; + height: 2.75rem; flex-shrink: 0; padding: 0; background: var(--surface); diff --git a/src/lib/components/FuzzyAutocomplete.svelte b/src/lib/components/FuzzyAutocomplete.svelte index da7327e..f2125e6 100644 --- a/src/lib/components/FuzzyAutocomplete.svelte +++ b/src/lib/components/FuzzyAutocomplete.svelte @@ -117,6 +117,7 @@ .autocomplete :global(.form-input) { width: 100%; + height: 2.75rem; } .dropdown { |