adds loaders for trail cards and lists
This commit is contained in:
14
web/src/lib/components/base/skeleton_card.svelte
Normal file
14
web/src/lib/components/base/skeleton_card.svelte
Normal file
@@ -0,0 +1,14 @@
|
||||
<div
|
||||
class="skeleton-card relative rounded-2xl sm:w-72 animate-pulse flex flex-col w-80 p-4 bg-menu-background border border-input-border"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<!-- Image placeholder -->
|
||||
<div class="h-48 bg-menu-item-background-focus rounded-md"></div>
|
||||
|
||||
<!-- Text placeholders -->
|
||||
<div class="mt-4 space-y-3">
|
||||
<div class="h-4 bg-menu-item-background-focus rounded w-3/4"></div>
|
||||
<div class="h-4 bg-menu-item-background-focus rounded w-full"></div>
|
||||
<div class="h-4 bg-menu-item-background-focus rounded w-1/2"></div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user