diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Skeleton.svelte | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte index 7a278429..71078f13 100644 --- a/src/lib/Skeleton.svelte +++ b/src/lib/Skeleton.svelte @@ -4,6 +4,7 @@ export let height = '100px'; export let card = true; export let grid = false; + export let list = false; </script> {#if grid} @@ -18,13 +19,16 @@ </div> {:else} {#each Array(count) as _, i} - <div class={card ? 'card card-small' : ''} style={`width: ${width};`}> + <div + class={card ? 'card card-small' : ''} + style={`width: ${width}; ${list ? 'padding-top: .5rem;' : ''}`} + > <div class="skeleton-container"> <div class="skeleton" style={`width: ${width}; height: ${height};`} /> </div> </div> - {#if i < count - 1} + {#if !list && i < count - 1} <p /> {/if} {/each} |