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 = 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({ export function ReportsFilterToolbar({
companyId, companyId,
@ -61,7 +61,7 @@ export function ReportsFilterToolbar({
type="single" type="single"
value={billingFilter} value={billingFilter}
onValueChange={(next) => next && onBillingFilterChange?.(next as 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")}> <ToggleGroupItem value="all" className={cn(BILLING_TOGGLE_ITEM, "flex-1 justify-center sm:flex-none")}>
Todos Todos