manus-admin/veille-reglementaire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Niveau en violet doux (bg-violet-50/border-violet-200), Territoire en teal (bg-teal-50/border-teal-200), Source en orange doux (bg-orange-50/border-orange-200) — icônes et textes assortis

Browse Source
This commit is contained in:
Manus
2026-03-16 15:30:47 -04:00
parent 2065786052
commit f1a3045bbf
2 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/pages/VeilleDashboard.tsx
View File

@@ -141,29 +141,29 @@ function VeilleDetailDialog({
</div>
)}
{item.niveau && (
<div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
<Layers size={14} className="text-muted-foreground mt-0.5 shrink-0" />
<div className="flex items-start gap-2 p-3 rounded-lg bg-violet-50 border border-violet-200">
<Layers size={14} className="text-violet-500 mt-0.5 shrink-0" />
<div>
<p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Niveau</p>
<p className="text-sm font-medium text-foreground">{item.niveau}</p>
<p className="text-[10px] uppercase tracking-wide text-violet-400 font-medium">Niveau</p>
<p className="text-sm font-medium text-violet-800">{item.niveau}</p>
</div>
</div>
)}
{item.territoire && (
<div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
<MapPin size={14} className="text-muted-foreground mt-0.5 shrink-0" />
<div className="flex items-start gap-2 p-3 rounded-lg bg-teal-50 border border-teal-200">
<MapPin size={14} className="text-teal-500 mt-0.5 shrink-0" />
<div>
<p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Territoire</p>
<p className="text-sm font-medium text-foreground">{item.territoire}</p>
<p className="text-[10px] uppercase tracking-wide text-teal-400 font-medium">Territoire</p>
<p className="text-sm font-medium text-teal-800">{item.territoire}</p>
</div>
</div>
)}
{item.source && (
<div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
<Globe size={14} className="text-muted-foreground mt-0.5 shrink-0" />
<div className="flex items-start gap-2 p-3 rounded-lg bg-orange-50 border border-orange-200">
<Globe size={14} className="text-orange-500 mt-0.5 shrink-0" />
<div>
<p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Source</p>
<p className="text-sm font-medium text-foreground">{item.source}</p>
<p className="text-[10px] uppercase tracking-wide text-orange-400 font-medium">Source</p>
<p className="text-sm font-medium text-orange-800">{item.source}</p>
</div>
</div>
)}