diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Loading/Message.svelte | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip | |
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Loading/Message.svelte')
| -rw-r--r-- | src/lib/Loading/Message.svelte | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte index 38794702..5aabec9c 100644 --- a/src/lib/Loading/Message.svelte +++ b/src/lib/Loading/Message.svelte @@ -1,45 +1,45 @@ <script lang="ts"> - import Ellipsis from './Ellipsis.svelte'; - import Ripple from './Ripple.svelte'; - import Grid from './Grid.svelte'; - import Popup from '$lib/Layout/Popup.svelte'; + import Ellipsis from './Ellipsis.svelte'; + import Ripple from './Ripple.svelte'; + import Grid from './Grid.svelte'; + import Popup from '$lib/Layout/Popup.svelte'; - export let message: string | undefined = undefined; - export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis'; - export let colour = 'var(--fg)'; - export let slot = false; - export let withReload = false; - export let fullscreen = true; + export let message: string | undefined = undefined; + export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis'; + export let colour = 'var(--fg)'; + export let slot = false; + export let withReload = false; + export let fullscreen = true; </script> <Popup {fullscreen} locked> - <div class="message"> - {#if loader === 'ellipsis'} - <Ellipsis {colour} /> - {:else if loader === 'ripple'} - <Ripple {colour} /> - {:else if loader === 'grid'} - <Grid {colour} /> - {/if} + <div class="message"> + {#if loader === 'ellipsis'} + <Ellipsis {colour} /> + {:else if loader === 'ripple'} + <Ripple {colour} /> + {:else if loader === 'grid'} + <Grid {colour} /> + {/if} - {#if message} - <br /> + {#if message} + <br /> - {message} - {:else if slot} - <br /> + {message} + {:else if slot} + <br /> - <slot /> + <slot /> - {#if withReload} - Please <a href={'#'} on:click={() => location.reload()}>try again</a> later. - {/if} - {/if} - </div> + {#if withReload} + Please <a href={'#'} on:click={() => location.reload()}>try again</a> later. + {/if} + {/if} + </div> </Popup> <style> - .message { - text-align: center; - } + .message { + text-align: center; + } </style> |