ui: start tailwind utility migration

This commit is contained in:
2026-04-14 23:43:54 +02:00
parent b5bc9c23cc
commit dd6f49b1c9
4 changed files with 41 additions and 41 deletions

View File

@@ -1,9 +1,9 @@
package ui
templ EmptyState(title string) {
<div class="empty-state">
<div class="empty-state-title">{ title }</div>
<div class="empty-state-text">
<div class="empty-state py-4">
<div class="empty-state-title mb-2 text-base">{ title }</div>
<div class="empty-state-text text-sm text-[var(--color-text-muted)]">
{ children... }
</div>
</div>

View File

@@ -1,10 +1,10 @@
package ui
templ LoadingIndicator(text string) {
<div class="loading-indicator">
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-indicator inline-flex items-center gap-2 text-sm text-[var(--color-text-muted)]">
<div class="loading-dot h-1.5 w-1.5 rounded-full bg-[var(--color-text-faint)]"></div>
<div class="loading-dot h-1.5 w-1.5 rounded-full bg-[var(--color-text-faint)]"></div>
<div class="loading-dot h-1.5 w-1.5 rounded-full bg-[var(--color-text-faint)]"></div>
<span>{ text }</span>
</div>
}