esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: restore time range toggle layout

Browse source
This commit is contained in:
Esdras Renan 2025-11-10 11:13:12 -03:00
parent 616fe42e10
commit e7c1c4b950
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/reports/report-filter-toolbar.tsx
View file

@ -30,9 +30,6 @@ 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"
const RANGE_TOGGLE_ITEM =
"rounded-full px-4 py-1 text-sm font-semibold transition data-[state=on]:bg-neutral-900 data-[state=on]:text-white data-[state=off]:text-neutral-600 hover:bg-neutral-100"
export function ReportsFilterToolbar({
companyId,
onCompanyChange,
@ -87,15 +84,17 @@ export function ReportsFilterToolbar({
type="single"
value={timeRange}
onValueChange={(value) => value && onTimeRangeChange(value as TimeRange)}
className="flex w-full flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-muted/30 p-1 sm:w-auto sm:flex-nowrap"
variant="outline"
size="lg"
className="flex rounded-2xl border border-border/60"
>
<ToggleGroupItem value="90d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
<ToggleGroupItem value="90d" className="min-w-[80px] justify-center px-4">
90 dias
</ToggleGroupItem>
<ToggleGroupItem value="30d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
<ToggleGroupItem value="30d" className="min-w-[80px] justify-center px-4">
30 dias
</ToggleGroupItem>
<ToggleGroupItem value="7d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
<ToggleGroupItem value="7d" className="min-w-[80px] justify-center px-4">
7 dias
</ToggleGroupItem>
</ToggleGroup>