fix(19): status badge and edit/trash on same line

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arthur Belleville 2026-05-17 22:18:52 +02:00
parent f506ceeda6
commit af8b4fa38f
No known key found for this signature in database

View file

@ -146,16 +146,14 @@ templ TabloProjectCard(card TabloCardView, csrfToken string) {
}
<h3 class="text-base font-semibold text-gray-900 flex-1 line-clamp-2">{ card.Tablo.Title }</h3>
</div>
<!-- Row 2: DB status badge -->
<div>
<!-- Row 2: status badge + edit + delete (same line) -->
<div class="flex items-center justify-between pt-1 border-t border-gray-100">
if card.Tablo.Status == "archived" {
<span class="px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600 border border-gray-200">Archivé</span>
} else {
<span class="px-2.5 py-1 rounded-full text-xs font-medium bg-green-50 text-green-600 border border-green-200">Actif</span>
}
</div>
<!-- Row 3: edit + delete actions -->
<div class="flex items-center gap-1 pt-1 border-t border-gray-100">
<div class="flex items-center gap-1">
<a
href={ templ.SafeURL("/tablos/" + card.Tablo.ID.String()) }
class="inline-flex items-center justify-center w-8 h-8 rounded-md text-gray-400 hover:text-blue-600 hover:bg-blue-50 transition-colors"
@ -180,6 +178,7 @@ templ TabloProjectCard(card TabloCardView, csrfToken string) {
</div>
</div>
</div>
</div>
<!-- List row (hidden by default, shown when data-view="list") -->
<div class="tablo-list-row" onclick="event.stopPropagation()">
<a class="flex items-center gap-4 w-full px-4 py-3 hover:bg-gray-50" href={ templ.SafeURL("/tablos/" + card.Tablo.ID.String()) }>