fix: ajuste no filtro

This commit is contained in:
Alessandro Gonçaalves 2025-12-09 11:41:39 -03:00
parent c5090a29a6
commit 95d8279f9c
2 changed files with 39 additions and 31 deletions

View File

@ -2368,7 +2368,7 @@ export default function Teste() {
))}
</SelectContent>
</Select>
</div>
</div>
<div>
<Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
<Select value={filtros.periodoAte} onValueChange={(value) => handleFiltroChange('periodoAte', value)}>

View File

@ -917,41 +917,48 @@ export default function Teste() {
Filtros
</Button>
</SheetTrigger>
<SheetContent className="w-[400px] sm:w-[540px] overflow-y-auto">
<SheetContent className="w-[400px] sm:w-[540px] flex flex-col">
<SheetHeader>
<SheetTitle>Filtros</SheetTitle>
<SheetDescription>
Configure os filtros para visualizar os dados do DRE Filial
Ajuste os critérios e clique em Pesquisar para atualizar a visão.
</SheetDescription>
</SheetHeader>
<div className="grid gap-4 py-4">
{/* Período */}
<div className="grid gap-2">
<Label>Período</Label>
<div className="flex items-end gap-4">
<div className="flex-1 grid gap-1">
<Label htmlFor="periodo-de" className="text-xs text-gray-600 font-normal">DE</Label>
<Input
id="periodo-de"
type="month"
value={filtros.periodoDe}
onChange={(e) => setFiltros(prev => ({ ...prev, periodoDe: e.target.value }))}
className="h-9"
/>
</div>
<div className="flex-1 grid gap-1">
<Label htmlFor="periodo-ate" className="text-xs text-gray-600 font-normal">ATÉ</Label>
<Input
id="periodo-ate"
type="month"
value={filtros.periodoAte}
onChange={(e) => setFiltros(prev => ({ ...prev, periodoAte: e.target.value }))}
className="h-9"
/>
</div>
</div>
</div>
<div className="flex-1 overflow-y-auto pr-2">
<div className="grid gap-3 py-2">
{/* Período */}
<div className="grid gap-2">
<Label>Período</Label>
<div className="grid grid-cols-2 gap-2">
<div>
<Label htmlFor="periodo-de" className="text-xs text-gray-500">DE</Label>
<Select value={filtros.periodoDe} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoDe: value }))}>
<SelectTrigger>
<SelectValue placeholder="Selecione" />
</SelectTrigger>
<SelectContent>
{mesesDisponiveis.map(mes => (
<SelectItem key={mes} value={mes}>{mes}</SelectItem>
))}
</SelectContent>
</Select>
</div>
<div>
<Label htmlFor="periodo-ate" className="text-xs text-gray-500">ATÉ</Label>
<Select value={filtros.periodoAte} onValueChange={(value) => setFiltros(prev => ({ ...prev, periodoAte: value }))}>
<SelectTrigger>
<SelectValue placeholder="Selecione" />
</SelectTrigger>
<SelectContent>
{mesesDisponiveis.map(mes => (
<SelectItem key={mes} value={mes}>{mes}</SelectItem>
))}
</SelectContent>
</Select>
</div>
</div>
</div>
{/* Grupo */}
<div className="grid gap-2">
@ -1030,6 +1037,7 @@ export default function Teste() {
</div>
)}
</div>
</div>
</div>
<SheetFooter className="flex gap-2 mt-4 border-t pt-4">