diff options
| author | Fuwn <[email protected]> | 2024-01-24 21:29:56 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-24 21:29:56 -0800 |
| commit | 26de12b070a55ac60c897e1d0b385a8aa621362c (patch) | |
| tree | 352074c951c461e8d3681548cb8a1f880df55ba3 /src/lib | |
| parent | feat(skeleton): optional width and height (diff) | |
| download | due.moe-26de12b070a55ac60c897e1d0b385a8aa621362c.tar.xz due.moe-26de12b070a55ac60c897e1d0b385a8aa621362c.zip | |
feat(user): skeleton loading
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Skeleton.svelte | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte index 32182657..839d7985 100644 --- a/src/lib/Skeleton.svelte +++ b/src/lib/Skeleton.svelte @@ -2,10 +2,11 @@ export let count = 3; export let width = '100%'; export let height = '100px'; + export let card = true; </script> {#each Array(count) as _, i} - <div class="card card-small" style={`width: ${width};`}> + <div class={card ? 'card card-small' : ''} style={`width: ${width};`}> <div class="skeleton-container"> <div class="skeleton" style={`width: ${width}; height: ${height};`} /> </div> |