home-sveltekit/src/app.css, branch mainUnnamed repository; edit this file 'description' to name the repository.
https://git.kagamino.dev/home-sveltekit/atom?h=main2026-10-05T22:53:46Zfix: unify add-bar input and button heights at 2.75rem2026-10-05T22:53:46ZMartin Kagamino Lehouxmartin@lehoux.net2026-10-05T22:53:46Zurn:sha1:6e5dcdb53cea4c3f082d01c937fe5fc1d580c45b
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).
Restyle to a flat Miniflux-like design2026-10-05T22:05:49ZMartin Kagamino Lehouxmartin@lehoux.net2026-10-05T22:05:49Zurn:sha1:f6563f22a9a0c9d876f80e8f758b902dcc3bec78
- hairline separators instead of bordered rows, square corners, no shadows
- white background, system font stack, slimmer headings
- pine green accent; amber warn ramp carries the attention marks (due/late/mid)
- no hover backgrounds: hover is color/fill-state only
- reserve bold nav tab width and the scrollbar gutter so navigation never shifts layout
Standardize input white background on .form-input2026-09-28T22:22:56ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-28T22:22:56Zurn:sha1:fd189e1221bfc6f93b492ddbad18a6c82de33919Scope badges, titles, and one-off styles; add Button outline2026-09-12T20:26:09ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-12T20:26:09Zurn:sha1:2a7c4f969874b850e30170f3aef5b578677220b0
ScoreBadge/StatusBadge carry their own color scales, no
bg-*/text-* globals. SectionTitle unifies category-name and
section-title dupes (h2/h3 via level prop). Grocery add-bar
buttons use Button, new outline variant for the secondary
action. save-status moves into its only page. Delete dead
globals and page overrides.
Extract Row primitive, migrate all call sites2026-09-12T20:24:19ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-12T20:24:19Zurn:sha1:5f0a73920034741236034ed7a721c68eceb8ab82
Variants card/ref/plain with scoped skin. Padding and wrap
one-offs via style prop; draggable and handlers via rest
spread. GroceryRow absorbs item-btn/ref-link globals with
local names; BestRef scopes best-ref. Delete item-* globals
and dead page overrides.
Extract Button primitive, migrate all call sites2026-09-12T20:22:33ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-12T20:22:33Zurn:sha1:1cef356be95a67f95d40f5b0b131f98d11f13c13
Variants primary/accent/ghost/done with scoped styles.
Disabled handling unified; block/size/style props cover
login stretch, done-lg, save-check positioning.
Delete btn-* globals and dead page overrides.
Split app.css into layered tokens and base globals2026-09-12T20:20:21ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-12T20:20:21Zurn:sha1:b11a40840cfe0e9978f78cacd68d68764eabec58
Fix ::root selector so vars and base font apply
Replace routine status text chip with fixed-width glyph chip2026-09-08T08:08:39ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-08T08:08:39Zurn:sha1:e56aeac93bfd8cc05ddf229b7e51939fde41effd
Status becomes a 1.5rem rounded-square chip (ok=check, due=clock,
late=!, veryLate=double !) keeping the green-to-red colors, moved to
the start of each routine row; label and overdue stay in title.
Consolidate duplicated page CSS into app.css, share TestDb type2026-09-08T07:12:25ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-08T07:12:25Zurn:sha1:7d85a18867ca0fe2310218c63cfc696c0f916171
- Move .page-header/.back-link/.input-invalid/.save-status/.btn-done
(plus hover/variant rules) into app.css as shared route scaffolding;
delete per-page scoped copies
- Unify drifted values: page-header padding 1rem -> 1.25rem (routine
page), empty-state spacing 0.75/1.5rem -> 1/2rem (grocery detail),
save-status margin -0.25rem applied on both pages, back-link margin
1.5rem -> 1rem (grocery detail); routine page's large Fait button is
kept via a .btn-done-lg modifier
- Export TestDb from test-helper and use it in the five db/service
test files to shrink duplicated fixture scaffolding
Extract duplicated styles into shared molecules and color atoms2026-09-07T17:55:08ZMartin Kagamino Lehouxmartin@lehoux.net2026-09-07T17:55:08Zurn:sha1:5c1e0821e762c2dd098a01b2bb6231c7f8568736
Move .score, .status, .add-bar and .btn-accent molecules into app.css
and replace BEM color modifiers with bare atoms (bg-success, bg-accent,
bg-danger, bg-accent-soft, text-accent, text-white). Rename the
category-specific cat-add-bar to add-bar and the groceries page's
sticky autocomplete bar to grocery-add-bar to avoid the collision.
Cuts dcd duplicate lines from 1288 to 780.