Checkpoint: Bouton Détail en bleu doux (bg-blue-50/border-blue-200) et bouton Lien externe en vert émeraude (bg-emerald-50/border-emerald-200), avec fond arrondi, bordure et effet hover

This commit is contained in:
Manus
2026-03-16 15:41:22 -04:00
parent f1a3045bbf
commit 2161dfc8a3
2 changed files with 8 additions and 7 deletions

View File

@@ -386,25 +386,25 @@ function VeilleListView({ items, onDetail }: { items: VeilleItem[]; onDetail: (i
<td className="px-4 py-3 text-muted-foreground text-xs">{item.territoire || "—"}</td> <td className="px-4 py-3 text-muted-foreground text-xs">{item.territoire || "—"}</td>
<td className="px-4 py-3 text-muted-foreground text-xs whitespace-nowrap">{formatDate(item.datePublication) || "—"}</td> <td className="px-4 py-3 text-muted-foreground text-xs whitespace-nowrap">{formatDate(item.datePublication) || "—"}</td>
<td className="px-4 py-3"> <td className="px-4 py-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-1.5">
{/* Bouton Détail */} {/* Bouton Détail — bleu */}
<button <button
onClick={() => onDetail(item)} onClick={() => onDetail(item)}
className="text-muted-foreground hover:text-primary transition-colors" className="inline-flex items-center justify-center w-7 h-7 rounded-md bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 transition-colors border border-blue-200"
title="Voir le détail complet" title="Voir le détail complet"
> >
<Eye size={15} /> <Eye size={13} />
</button> </button>
{/* Bouton Lien externe */} {/* Bouton Lien externe — vert */}
{item.lien && ( {item.lien && (
<a <a
href={item.lien} href={item.lien}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-muted-foreground hover:text-accent transition-colors" className="inline-flex items-center justify-center w-7 h-7 rounded-md bg-emerald-50 text-emerald-600 hover:bg-emerald-100 hover:text-emerald-700 transition-colors border border-emerald-200"
title="Ouvrir la source" title="Ouvrir la source"
> >
<ExternalLink size={15} /> <ExternalLink size={13} />
</a> </a>
)} )}
</div> </div>

View File

@@ -40,3 +40,4 @@
- [x] Page Paramètres : afficher les zones d'upload (drag & drop) quand la source "local" est sélectionnée - [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] 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 - [x] Boîte de dialogue Veille : couleurs douces distinctes pour les vignettes Niveau, Territoire et Source
- [x] Vue liste Veille : coloriser les boutons d'action (Détail et Lien externe)