feat(ui): add professional visual fallbacks

2026-07-19 23:09:56 +05:30
parent 33730c68ab
commit f72aec7c8c
93 changed files with 315 additions and 145 deletions
@@ -6,5 +6,10 @@ component TrustBadgeList {
    emptyText = "No items available."
    class = ""
  }
-  view { <section class="wire-catalog-collection {class}"><header data-show="title || description"><h2 data-show="title">{title}</h2><p data-show="description">{description}</p></header><div data-show="!empty" role="list" class="wire-catalog-collection__items"><slot /></div><p data-show="empty" role="status" class="wire-muted">{emptyText}</p></section> }
+  view {
+    <section class="wire-catalog-collection {class}">
+      {#if title || description}<header>{#if title}<h2>{title}</h2>{/if}{#if description}<p>{description}</p>{/if}</header>{/if}
+      {#if empty}<p role="status" class="wire-muted">{emptyText}</p>{:else}<div role="list" class="wire-catalog-collection__items"><slot /></div>{/if}
+    </section>
+  }
 }