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

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

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>
)}

View File

@@ -39,3 +39,4 @@
- [x] Frontend : afficher le résultat de l'import (nouvelles entrées, erreurs) après upload
- [x] Page Paramètres : afficher les zones d'upload (drag & drop) quand la source "local" est sélectionnée
- [x] Veille : bouton "Détail" sur chaque ligne ouvrant une boîte de dialogue avec toutes les infos complètes
- [x] Boîte de dialogue Veille : couleurs douces distinctes pour les vignettes Niveau, Territoire et Source