diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Skeleton.svelte | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte index 5db5fb0b..32182657 100644 --- a/src/lib/Skeleton.svelte +++ b/src/lib/Skeleton.svelte @@ -1,11 +1,13 @@ <script lang="ts"> export let count = 3; + export let width = '100%'; + export let height = '100px'; </script> {#each Array(count) as _, i} - <div class="card card-small"> + <div class="card card-small" style={`width: ${width};`}> <div class="skeleton-container"> - <div class="skeleton" /> + <div class="skeleton" style={`width: ${width}; height: ${height};`} /> </div> </div> @@ -34,10 +36,8 @@ } .skeleton { - height: 100px; border-radius: 4px; display: inline-block; line-height: 1; - width: 100%; } </style> |