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

ui: ajustes de layout em automações e checklist

Browse source 
- Reorganiza header da página de automações (título/descrição em cima, filtros embaixo)
- Aumenta espaçamento da badge "quando" na tabela
- Ajusta largura do input de checklist nos tickets para melhor distribuição

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
esdrasrenan 2025-12-13 22:22:42 -03:00
parent e0fcd5bf7c
commit 06388b3688
2 changed files with 43 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/tickets/ticket-checklist-card.tsx
View file

@ -428,12 +428,12 @@ export function TicketChecklistCard({
)}
{canEdit && !isResolved ? (
<div className="flex flex-col gap-2 rounded-xl border border-slate-200 bg-slate-50 p-3 sm:flex-row sm:items-center">
<div className="flex flex-col gap-2 rounded-xl border border-slate-200 bg-slate-50 p-3 sm:flex-row sm:items-center sm:justify-between">
<Input
value={newText}
onChange={(e) => setNewText(e.target.value)}
placeholder="Adicionar item do checklist..."
className="h-8 flex-1 bg-white"
className="h-8 w-full bg-white sm:max-w-md"
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault()
@ -441,14 +441,16 @@ export function TicketChecklistCard({
}
}}
/>
<label className="flex h-8 items-center gap-2 text-sm text-neutral-700">
<Checkbox checked={newRequired} onCheckedChange={(checked) => setNewRequired(Boolean(checked))} />
Obrigatório
</label>
<Button type="button" size="sm" onClick={handleAdd} disabled={adding} className="gap-2">
<Plus className="size-4" />
Adicionar
</Button>
<div className="flex items-center gap-4">
<label className="flex h-8 items-center gap-2 text-sm text-neutral-700">
<Checkbox checked={newRequired} onCheckedChange={(checked) => setNewRequired(Boolean(checked))} />
Obrigatório
</label>
<Button type="button" size="sm" onClick={handleAdd} disabled={adding} className="gap-2">
<Plus className="size-4" />
Adicionar
</Button>
</div>
</div>
) : null}
</CardContent>