diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:26:09 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:26:09 +0200 |
| commit | 2a7c4f969874b850e30170f3aef5b578677220b0 (patch) | |
| tree | 7fafc0aaf017d4f045cedd92a6fa2d55024fb63d /src/routes/groceries/catalog/+page.svelte | |
| parent | 5f0a73920034741236034ed7a721c68eceb8ab82 (diff) | |
Scope badges, titles, and one-off styles; add Button outline
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.
Diffstat (limited to 'src/routes/groceries/catalog/+page.svelte')
| -rw-r--r-- | src/routes/groceries/catalog/+page.svelte | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/routes/groceries/catalog/+page.svelte b/src/routes/groceries/catalog/+page.svelte index a7f3c0e..076d3ce 100644 --- a/src/routes/groceries/catalog/+page.svelte +++ b/src/routes/groceries/catalog/+page.svelte @@ -4,6 +4,7 @@ import GroceryRow from '$lib/components/GroceryRow.svelte'; import Button from '$lib/components/Button.svelte'; import { groupByCategory } from '$lib/shared/group-by-category'; + import SectionTitle from '$lib/components/SectionTitle.svelte'; let { data, form } = $props(); @@ -73,7 +74,7 @@ {:else} <form method="POST" action="?/toggle" use:enhance> {#each groupByCategory(filteredItems, data.categories) as [cat, items] (cat)} - <h3 class="category-name">{cat}</h3> + <SectionTitle level={3}>{cat}</SectionTitle> <ul class="item-list"> {#each items as item (item.id)} <GroceryRow |