diff options
Diffstat (limited to 'web/templates/partials/trello-boards.html')
| -rw-r--r-- | web/templates/partials/trello-boards.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/web/templates/partials/trello-boards.html b/web/templates/partials/trello-boards.html index 3d42517..d51446d 100644 --- a/web/templates/partials/trello-boards.html +++ b/web/templates/partials/trello-boards.html @@ -1,10 +1,10 @@ {{define "trello-boards"}} {{if .Boards}} -<section class="card section-spacing"> +<section class="card section-spacing text-shadow-sm"> <!-- Section Header with Brand Color --> <div class="flex items-center gap-3 mb-6"> <div class="w-1 h-8 bg-trello rounded"></div> - <h2 class="text-2xl font-bold text-gray-900">Trello Boards</h2> + <h2 class="text-2xl font-light text-white tracking-wide">Trello Boards</h2> </div> <!-- Active Boards Grid (boards with cards) --> @@ -17,12 +17,12 @@ </div> <!-- Empty Boards Collapsible (boards without cards) --> - <details class="mt-6 border-t border-gray-200 pt-6"> + <details class="mt-6 border-t border-white/10 pt-6"> <summary class="cursor-pointer flex items-center justify-between group"> - <span class="text-sm font-medium text-gray-600 group-hover:text-gray-900 transition-colors"> + <span class="text-sm font-medium text-white/50 group-hover:text-white/80 transition-colors"> Empty Boards </span> - <svg class="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-all" + <svg class="w-5 h-5 text-white/40 group-hover:text-white/60 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> @@ -31,9 +31,9 @@ <div class="card-grid"> {{range .Boards}} {{if not .Cards}} - <div class="border border-gray-200 rounded-lg p-4 bg-gray-50 opacity-70 hover:opacity-100 transition-opacity"> - <h3 class="font-semibold text-gray-700">{{.Name}}</h3> - <p class="text-sm text-gray-500 mt-2">No cards</p> + <div class="border border-white/10 rounded-lg p-4 bg-black/30 opacity-70 hover:opacity-100 transition-opacity"> + <h3 class="font-medium text-white/70">{{.Name}}</h3> + <p class="text-sm text-white/40 mt-2">No cards</p> </div> {{end}} {{end}} |