start: wider spotting tile, filter narrows spotting chips
Some checks failed
Deploy production / deploy (push) Has been cancelled

This commit is contained in:
2026-10-25 14:24:11 +00:00
parent 27987fb8e7
commit 4af041719c

View File

@@ -70,9 +70,10 @@
t.name.includes(q) || t.subtitle.toLowerCase().includes(q) || t.href.includes(q); t.name.includes(q) || t.subtitle.toLowerCase().includes(q) || t.href.includes(q);
if (!q || 'trackers'.startsWith(q)) return trackers; if (!q || 'trackers'.startsWith(q)) return trackers;
return trackers.flatMap((t) => { return trackers.flatMap((t) => {
if (hit(t)) return [t]; // Matching chips narrow a group; otherwise the group shows whole if it matches itself.
const children = t.children?.filter(hit) ?? []; const children = t.children?.filter(hit) ?? [];
return children.length ? [{ ...t, children }] : []; if (children.length) return [{ ...t, children }];
return hit(t) ? [t] : [];
}); });
}); });
const shownSections = $derived.by(() => { const shownSections = $derived.by(() => {
@@ -1037,11 +1038,11 @@
} }
.tgrid { .tgrid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 6px; gap: 6px;
} }
.tgrid > li.group { .tgrid > li.group {
grid-column: span 3; grid-column: span 4;
} }
.ttile { .ttile {
position: relative; position: relative;
@@ -1104,6 +1105,7 @@
flex-wrap: wrap; flex-wrap: wrap;
gap: 4px; gap: 4px;
margin-left: auto; margin-left: auto;
min-width: 0;
} }
.tchip { .tchip {
display: inline-flex; display: inline-flex;