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 | |
| 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).
| -rw-r--r-- | README.md | 1 | ||||
| -rw-r--r-- | src/app.css | 1 | ||||
| -rw-r--r-- | src/lib/components/Button.svelte | 8 | ||||
| -rw-r--r-- | src/lib/components/FuzzyAutocomplete.svelte | 1 |
4 files changed, 6 insertions, 5 deletions
@@ -81,4 +81,3 @@ mise run deploy - Auto-categorize new items (LLM-assisted) - https://automerge.org/docs/tutorial/ - Shared > Modal actions -- Input + buttons sizes (ajouter un article) diff --git a/src/app.css b/src/app.css index e94a77e..4225649 100644 --- a/src/app.css +++ b/src/app.css @@ -81,6 +81,7 @@ .add-bar input { flex: 1; min-width: 0; + height: 2.75rem; } /* Shared route scaffolding */ 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 { |