arthur/xtablo-source
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 5

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

Browse source 
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
1 changed files with 25 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
backend/templates/tablos.templ
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> <h3 class="text-base font-semibold text-gray-900 flex-1 line-clamp-2">{ card.Tablo.Title }</h3>
</div> </div>
<!-- Row 2: DB status badge --> <!-- Row 2: status badge + edit + delete (same line) -->
<div> <div class="flex items-center justify-between pt-1 border-t border-gray-100">
if card.Tablo.Status == "archived" { 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> <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 { } 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> <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> <div class="flex items-center gap-1">
<!-- Row 3: edit + delete actions -->
<div class="flex items-center gap-1 pt-1 border-t border-gray-100">
<a <a
href={ templ.SafeURL("/tablos/" + card.Tablo.ID.String()) } 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" 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>
</div> </div>
</div>
<!-- List row (hidden by default, shown when data-view="list") --> <!-- List row (hidden by default, shown when data-view="list") -->
<div class="tablo-list-row" onclick="event.stopPropagation()"> <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()) }> <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()) }>