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

ui(backlog): melhor espaçamento no header (empresa, período, exportar CSV) com wrapper flex responsivo

Browse source
This commit is contained in:
Esdras Renan 2025-10-07 16:21:29 -03:00
parent 037970d52b
commit 3ab0d24ab2
2 changed files with 31 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
Captura de tela 2025-10-07 161703.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 51 KiB

14
src/components/reports/backlog-report.tsx
View file

@ -105,6 +105,7 @@ export function BacklogReport() {
Acompanhe a evolução dos tickets pelas fases do fluxo de atendimento. Acompanhe a evolução dos tickets pelas fases do fluxo de atendimento.
</CardDescription> </CardDescription>
<CardAction> <CardAction>
<div className="flex flex-wrap items-center justify-end gap-2 md:gap-3">
<Select value={companyId} onValueChange={setCompanyId}> <Select value={companyId} onValueChange={setCompanyId}>
<SelectTrigger className="hidden w-56 md:flex"> <SelectTrigger className="hidden w-56 md:flex">
<SelectValue placeholder="Todas as empresas" /> <SelectValue placeholder="Todas as empresas" />
@ -116,11 +117,7 @@ export function BacklogReport() {
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
<Button asChild size="sm" variant="outline">
<a href={`/api/reports/backlog.csv?range=${timeRange}${companyId !== "all" ? `&companyId=${companyId}` : ""}`} download>
Exportar CSV
</a>
</Button>
<ToggleGroup <ToggleGroup
type="single" type="single"
value={timeRange} value={timeRange}
@ -132,6 +129,13 @@ export function BacklogReport() {
<ToggleGroupItem value="30d">30 dias</ToggleGroupItem> <ToggleGroupItem value="30d">30 dias</ToggleGroupItem>
<ToggleGroupItem value="7d">7 dias</ToggleGroupItem> <ToggleGroupItem value="7d">7 dias</ToggleGroupItem>
</ToggleGroup> </ToggleGroup>
<Button asChild size="sm" variant="outline">
<a href={`/api/reports/backlog.csv?range=${timeRange}${companyId !== "all" ? `&companyId=${companyId}` : ""}`} download>
Exportar CSV
</a>
</Button>
</div>
</CardAction> </CardAction>
</CardHeader> </CardHeader>
<CardContent> <CardContent>