aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Utility
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-13 18:57:00 -0800
committerFuwn <[email protected]>2024-01-13 18:57:00 -0800
commit7310d73e78d61115dcaa5cd63976bc2251e5b6b6 (patch)
tree2b5aafd5d08bc0cc03a496a793ead2164cd40db5 /src/lib/Utility
parentrefactor(home): move layout to home (diff)
downloaddue.moe-7310d73e78d61115dcaa5cd63976bc2251e5b6b6.tar.xz
due.moe-7310d73e78d61115dcaa5cd63976bc2251e5b6b6.zip
refactor(utility): move loading
Diffstat (limited to 'src/lib/Utility')
-rw-r--r--src/lib/Utility/Loading.svelte13
1 files changed, 13 insertions, 0 deletions
diff --git a/src/lib/Utility/Loading.svelte b/src/lib/Utility/Loading.svelte
new file mode 100644
index 00000000..829a3a45
--- /dev/null
+++ b/src/lib/Utility/Loading.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+ export let type: string | undefined = undefined;
+ export let percent: number | undefined = undefined;
+ export let card = true;
+</script>
+
+<div class:card>
+ {#if type}
+ Loading {type} ...{percent ? ` ${percent}%` : ''}
+ {:else}
+ <slot />
+ {/if}
+</div>