diff options
| author | Fuwn <[email protected]> | 2024-04-18 01:13:00 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-18 01:13:00 -0700 |
| commit | d6452a21ca309f2a90427df6655cc0c9538e5cb7 (patch) | |
| tree | 01f71be860d86d0e826b06132f70d2ea2378a575 /src/lib/List/Anime | |
| parent | fix(layout): check if browser (diff) | |
| download | due.moe-d6452a21ca309f2a90427df6655cc0c9538e5cb7.tar.xz due.moe-d6452a21ca309f2a90427df6655cc0c9538e5cb7.zip | |
fix(index): alignment on hide mix
Diffstat (limited to 'src/lib/List/Anime')
| -rw-r--r-- | src/lib/List/Anime/DueIndexColumn.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/lib/List/Anime/DueIndexColumn.svelte b/src/lib/List/Anime/DueIndexColumn.svelte new file mode 100644 index 00000000..6d81a661 --- /dev/null +++ b/src/lib/List/Anime/DueIndexColumn.svelte @@ -0,0 +1,21 @@ +<script lang="ts"> + import type { AniListAuthorisation } from '$lib/Data/AniList/identity'; + import Skeleton from '$lib/Loading/Skeleton.svelte'; + import locale from '$stores/locale'; + import settings from '$stores/settings'; + import ListTitle from '../ListTitle.svelte'; + import AnimeList from '$lib/List/Anime/DueAnimeList.svelte'; + + export let userIdentity: { id: number }; + export let user: AniListAuthorisation; +</script> + +<details open={!$settings.displayAnimeCollapsed} class="list list-due"> + {#if userIdentity.id !== -2} + <AnimeList {user} /> + {:else} + <ListTitle title={$locale().lists.due.episodes} /> + + <Skeleton card={false} count={5} height="0.9rem" list /> + {/if} +</details> |