diff --git a/frontend/src/components/ActiveFilterChips.tsx b/frontend/src/components/ActiveFilterChips.tsx index a6429473..5268a59c 100644 --- a/frontend/src/components/ActiveFilterChips.tsx +++ b/frontend/src/components/ActiveFilterChips.tsx @@ -21,7 +21,7 @@ export default function ActiveFilterChips({ className="flex flex-wrap items-center gap-1.5 pb-3" aria-label={t("feed.chips.label")} > - + {t("feed.chips.label")} {filters.map((f) => ( @@ -32,7 +32,7 @@ export default function ActiveFilterChips({ onClick={f.remove} title={t("feed.chips.remove", { name: f.label })} aria-label={t("feed.chips.remove", { name: f.label })} - className="chip group pl-2.5 pr-1.5 py-1 text-xs hover:border-accent hover:bg-accent/20 transition" + className="chip group pl-2.5 pr-1.5 py-1 text-sm hover:border-accent hover:bg-accent/20 transition" > {f.label} @@ -42,7 +42,7 @@ export default function ActiveFilterChips({ diff --git a/frontend/src/components/Combobox.tsx b/frontend/src/components/Combobox.tsx index 8cfab27b..be9df823 100644 --- a/frontend/src/components/Combobox.tsx +++ b/frontend/src/components/Combobox.tsx @@ -154,7 +154,7 @@ export default function Combobox({ className="glass-card flex min-h-9 w-full cursor-text flex-wrap items-center gap-1 rounded-lg border border-border px-1.5 py-1 transition focus-within:border-accent focus-within:ring-2 focus-within:ring-accent/30" > {selected.map((v) => ( - + {labelFor(v)} diff --git a/frontend/src/components/SidePanel.tsx b/frontend/src/components/SidePanel.tsx index 192e7601..f338aa49 100644 --- a/frontend/src/components/SidePanel.tsx +++ b/frontend/src/components/SidePanel.tsx @@ -74,7 +74,7 @@ export default function SidePanel({ )} {title} @@ -98,7 +98,7 @@ export default function SidePanel({ {pinned ? : } {icon} - + {title} {count > 0 && ( diff --git a/frontend/src/components/SortControl.tsx b/frontend/src/components/SortControl.tsx index 19d0d374..4e37c4ef 100644 --- a/frontend/src/components/SortControl.tsx +++ b/frontend/src/components/SortControl.tsx @@ -68,7 +68,7 @@ export default function SortControl({ ref={pop.refs.setReference} {...pop.getReferenceProps()} aria-label={label} - className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-xs transition ${ + className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${ open ? "border-accent" : "border-border" }`} >