refactor: consolidate skeleton styles into global css

This commit is contained in:
2026-06-04 10:06:22 +02:00
committed by Milas Holsting
parent 1e6e619a3f
commit 95b1e2b93e
5 changed files with 51 additions and 50 deletions

View File

@@ -222,18 +222,18 @@
<div class="flex flex-col bg-background-surface ring-1 ring-[var(--border)]">
<div class="flex items-baseline justify-between border-b border-[var(--border-light)] px-7 py-6">
<div class="flex flex-col gap-2">
<div class="h-6 w-32 bg-foreground-muted/10 animate-pulse"></div>
<div class="h-4 w-20 bg-foreground-muted/10 animate-pulse"></div>
<div class="skeleton h-6 w-32"></div>
<div class="skeleton skeleton-subtle h-4 w-20"></div>
</div>
<div class="h-4 w-10 bg-foreground-muted/10 animate-pulse"></div>
<div class="skeleton skeleton-subtle h-4 w-10"></div>
</div>
<div class="flex flex-col pb-8 pt-4">
{{range (seq 3)}}
<div class="flex gap-6 px-7 py-6 border-b border-[var(--border-light)] last:border-b-0">
<div class="h-28 w-20 shrink-0 bg-foreground-muted/10 animate-pulse"></div>
<div class="skeleton h-28 w-20 shrink-0"></div>
<div class="flex flex-1 flex-col justify-center gap-4">
<div class="h-5 w-full bg-foreground-muted/10 animate-pulse"></div>
<div class="h-4 w-2/3 bg-foreground-muted/10 animate-pulse opacity-60"></div>
<div class="skeleton h-5 w-full"></div>
<div class="skeleton skeleton-subtle h-4 w-2/3"></div>
</div>
</div>
{{end}}