aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/PlaceholderList.svelte
blob: 7d25ed7c9526760b87c6759b21b8b5d5674bbbff (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/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.displayCoverMode}
	height={$settings.displayCoverMode ? '8rem' : '0.9rem'}
	width={$settings.displayCoverMode ? `${$settings.displayCoverWidth / 1.05}px` : '100%'}
	list={!$settings.displayCoverMode}
	grid={$settings.displayCoverMode}
/>