style: harmonize billing filter pills

This commit is contained in:
Esdras Renan 2025-11-10 11:15:30 -03:00
parent e7c1c4b950
commit e1ec0de7a4

View file

@ -28,7 +28,7 @@ type ReportsFilterToolbarProps = {
}
const BILLING_TOGGLE_ITEM =
"rounded-full px-4 py-1 text-xs font-semibold transition data-[state=on]:bg-neutral-900 data-[state=on]:text-white data-[state=off]:text-neutral-600 hover:bg-neutral-100"
"rounded-lg px-4 py-2 text-xs font-semibold text-muted-foreground transition data-[state=on]:bg-primary data-[state=on]:text-primary-foreground"
export function ReportsFilterToolbar({
companyId,
@ -61,7 +61,7 @@ export function ReportsFilterToolbar({
type="single"
value={billingFilter}
onValueChange={(next) => next && onBillingFilterChange?.(next as BillingFilter)}
className="inline-flex flex-1 flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-muted/40 p-1 sm:flex-none sm:flex-nowrap"
className="flex flex-1 flex-wrap gap-2 rounded-xl border border-border/70 bg-background/60 p-1 sm:flex-none"
>
<ToggleGroupItem value="all" className={cn(BILLING_TOGGLE_ITEM, "flex-1 justify-center sm:flex-none")}>
Todos