diff options
| author | Fuwn <[email protected]> | 2024-01-24 23:58:17 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-24 23:58:17 -0800 |
| commit | 28c5430dc6700a201f198b2a8be882b5e9d9b926 (patch) | |
| tree | dad48a8f98d7c8d4ab23f4e09b0a8cb216bea2fe /src/lib/List/Manga | |
| parent | feat(updates): better list skeleton (diff) | |
| download | due.moe-28c5430dc6700a201f198b2a8be882b5e9d9b926.tar.xz due.moe-28c5430dc6700a201f198b2a8be882b5e9d9b926.zip | |
feat(list): list style skeleton loading
Diffstat (limited to 'src/lib/List/Manga')
| -rw-r--r-- | src/lib/List/Manga/MangaListTemplate.svelte | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte index b7dd1f6f..1fa85a5c 100644 --- a/src/lib/List/Manga/MangaListTemplate.svelte +++ b/src/lib/List/Manga/MangaListTemplate.svelte @@ -15,6 +15,7 @@ import { incrementMediaProgress } from '$lib/Media/Anime/cache'; import { getNotificationsContext } from 'svelte-notifications'; import { options } from '$lib/Notification/options'; + import Skeleton from '$lib/Skeleton.svelte'; export let user: AniListAuthorisation; export let identity: UserIdentity; @@ -230,6 +231,8 @@ {/if} <ul><li>Loading {progress.toFixed(0)}% ...</li></ul> + + <Skeleton card={false} count={5} height="0.9rem" list /> {/if} {:then media} {#await cleanMedia(media, displayUnresolved, forceFlag)} @@ -265,6 +268,8 @@ {/if} <ul><li>Loading {progress.toFixed(0)}% ...</li></ul> + + <Skeleton card={false} count={5} height="0.9rem" list /> {/if} {:then cleanedMedia} {#if !authorised} |