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 =
|
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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue