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

Improve info card styling with system colors

Browse source 
- Use primary/accent colors instead of hardcoded blue
- Increase text sizes (text-sm for title, text-xs for chips and note)
- Increase icon and chip sizes for better readability
- Use text-secondary for chip text, text-muted-foreground for note

🤖 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-06 23:43:46 -03:00
parent 3aa348dc4a
commit a1292df245
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/admin/devices/usb-policy-control.tsx
View file

@ -319,25 +319,25 @@ export function UsbPolicyControl({
</div> </div>
{/* Info sobre dispositivos afetados */} {/* Info sobre dispositivos afetados */}
<div className="flex items-start gap-2.5 rounded-lg border border-blue-100 bg-blue-50/50 p-3"> <div className="flex items-start gap-3 rounded-lg border border-primary/20 bg-accent p-3">
<Info className="mt-0.5 size-4 shrink-0 text-blue-500" /> <Info className="mt-0.5 size-4 shrink-0 text-primary" />
<div className="space-y-1.5"> <div className="space-y-2">
<p className="text-xs font-medium text-blue-700">Dispositivos afetados</p> <p className="text-sm font-medium text-foreground">Dispositivos afetados</p>
<div className="flex flex-wrap gap-1.5"> <div className="flex flex-wrap gap-2">
<span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700"> <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
<HardDrive className="size-2.5" /> <HardDrive className="size-3" />
Pen drives Pen drives
</span> </span>
<span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700"> <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
<HardDrive className="size-2.5" /> <HardDrive className="size-3" />
HDs externos HDs externos
</span> </span>
<span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700"> <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
<HardDrive className="size-2.5" /> <HardDrive className="size-3" />
Cartões SD Cartões SD
</span> </span>
</div> </div>
<p className="text-[10px] text-blue-600/80"> <p className="text-xs text-muted-foreground">
Não afeta teclados, mouses, impressoras ou outros periféricos USB. Não afeta teclados, mouses, impressoras ou outros periféricos USB.
</p> </p>
</div> </div>