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:
@@ -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 whitespace-nowrap">{formatDate(item.datePublication) || "—"}</td>
|
||||
<td className="px-4 py-3">
|
||||
<div className="flex items-center gap-2">
|
||||
{/* Bouton Détail */}
|
||||
<div className="flex items-center gap-1.5">
|
||||
{/* Bouton Détail — bleu */}
|
||||
<button
|
||||
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"
|
||||
>
|
||||
<Eye size={15} />
|
||||
<Eye size={13} />
|
||||
</button>
|
||||
{/* Bouton Lien externe */}
|
||||
{/* Bouton Lien externe — vert */}
|
||||
{item.lien && (
|
||||
<a
|
||||
href={item.lien}
|
||||
target="_blank"
|
||||
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"
|
||||
>
|
||||
<ExternalLink size={15} />
|
||||
<ExternalLink size={13} />
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
|
||||
1
todo.md
1
todo.md
@@ -40,3 +40,4 @@
|
||||
- [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
|
||||
- [x] Vue liste Veille : coloriser les boutons d'action (Détail et Lien externe)
|
||||
|
||||
Reference in New Issue
Block a user