aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Loading/Ellipsis.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-28 15:32:46 -0700
committerFuwn <[email protected]>2024-10-28 15:32:46 -0700
commit39b677404558ae3b7eb34e818d7ca308f62f9cb0 (patch)
tree7f19fca39ecd4237e3c0d1aef2d8e9fa3cec7845 /src/lib/Loading/Ellipsis.svelte
parentfeat(graphql): paged badges query (diff)
downloaddue.moe-svelte-5.tar.xz
due.moe-svelte-5.zip
feat: update to svelte 5svelte-5
Diffstat (limited to 'src/lib/Loading/Ellipsis.svelte')
-rw-r--r--src/lib/Loading/Ellipsis.svelte8
1 files changed, 6 insertions, 2 deletions
diff --git a/src/lib/Loading/Ellipsis.svelte b/src/lib/Loading/Ellipsis.svelte
index ba1f30b8..7ee9dcfb 100644
--- a/src/lib/Loading/Ellipsis.svelte
+++ b/src/lib/Loading/Ellipsis.svelte
@@ -1,10 +1,14 @@
<script lang="ts">
- export let colour = 'var(--fg)';
+ interface Props {
+ colour?: string;
+ }
+
+ let { colour = 'var(--fg)' }: Props = $props();
</script>
<div class="ellipsis" style={`--loader-colour: ${colour};`}>
{#each Array.from({ length: 4 }) as _}
- <div />
+ <div></div>
{/each}
</div>