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

style(checklist): ajusta icone ? e badges

Browse source 
- Icone ? com fundo preto semitransparente e texto branco
- Badges maiores (text-[11px], px-2.5) e mais espacadas (gap-2)
- Badge Pergunta com estilo slate ao inves de cyan

🤖 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-15 20:39:29 -03:00
parent 17fe70ad71
commit 95c50d9d62
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -312,7 +312,7 @@ export function TicketChecklistCard({
<div key={item.id} className="flex items-center justify-between gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3"> <div key={item.id} className="flex items-center justify-between gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3">
<div className="flex min-w-0 flex-1 items-start gap-3"> <div className="flex min-w-0 flex-1 items-start gap-3">
{isQuestion ? ( {isQuestion ? (
<div className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full border border-cyan-300 bg-cyan-50 text-xs font-semibold text-cyan-600"> <div className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-neutral-900/80 text-xs font-semibold text-white">
? ?
</div> </div>
) : ( ) : (
@ -425,23 +425,23 @@ export function TicketChecklistCard({
</RadioGroup> </RadioGroup>
)} )}
<div className="flex flex-wrap items-center gap-1.5"> <div className="flex flex-wrap items-center gap-2">
{required ? ( {required ? (
<Badge variant="secondary" className="rounded-full px-2 py-0.5 text-[10px] font-medium"> <Badge variant="secondary" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium">
Obrigatório Obrigatório
</Badge> </Badge>
) : ( ) : (
<Badge variant="outline" className="rounded-full px-2 py-0.5 text-[10px] font-medium"> <Badge variant="outline" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium">
Opcional Opcional
</Badge> </Badge>
)} )}
{isQuestion && ( {isQuestion && (
<Badge variant="outline" className="rounded-full border-cyan-200 bg-cyan-50 px-2 py-0.5 text-[10px] font-medium text-cyan-700"> <Badge variant="outline" className="rounded-full border-slate-300 bg-slate-100 px-2.5 py-0.5 text-[11px] font-medium text-slate-600">
Pergunta Pergunta
</Badge> </Badge>
)} )}
{templateLabel ? ( {templateLabel ? (
<Badge variant="outline" className="rounded-full px-2 py-0.5 text-[10px] font-medium text-slate-500"> <Badge variant="outline" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium text-slate-500">
{templateLabel} {templateLabel}
</Badge> </Badge>
) : null} ) : null}