diff options
| author | Fuwn <[email protected]> | 2024-10-28 15:32:46 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-28 15:32:46 -0700 |
| commit | 39b677404558ae3b7eb34e818d7ca308f62f9cb0 (patch) | |
| tree | 7f19fca39ecd4237e3c0d1aef2d8e9fa3cec7845 /src/lib/Loading/Ripple.svelte | |
| parent | feat(graphql): paged badges query (diff) | |
| download | due.moe-svelte-5.tar.xz due.moe-svelte-5.zip | |
feat: update to svelte 5svelte-5
Diffstat (limited to 'src/lib/Loading/Ripple.svelte')
| -rw-r--r-- | src/lib/Loading/Ripple.svelte | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/lib/Loading/Ripple.svelte b/src/lib/Loading/Ripple.svelte index 05d62bb5..20b1447a 100644 --- a/src/lib/Loading/Ripple.svelte +++ b/src/lib/Loading/Ripple.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="ripple" style={`--loader-colour: ${colour};`}> - <div /> - <div /> + <div></div> + <div></div> </div> <style lang="scss"> |