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">{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>
|
||||||
|
|||||||
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] 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)
|
||||||
|
|||||||
Reference in New Issue
Block a user