aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/PlaceholderList.svelte
blob: 4009d003cc71b1aa18fb0091f184633b0831771f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script lang="ts">
import Skeleton from "$lib/Loading/Skeleton.svelte";
import settings from "$stores/settings";
import ListTitle from "../ListTitle.svelte";
import type { Title } from "../mediaTitle";

export let title: Title;
export let count = 8;
</script>

<ListTitle {title} />

<Skeleton
  card={false}
  {count}
  pad={$settings.displayCoverModeAnime}
  height={$settings.displayCoverModeAnime ? '8rem' : '0.9rem'}
  width={$settings.displayCoverModeAnime ? `${$settings.displayCoverWidth / 1.05}px` : '100%'}
  list={!$settings.displayCoverModeAnime}
  grid={$settings.displayCoverModeAnime}
/>