style: harmonize billing filter pills
This commit is contained in:
parent
e7c1c4b950
commit
e1ec0de7a4
1 changed files with 2 additions and 2 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue