summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/containers/Cardlets.svelte
blob: 5997a690aba6a0fec0b310d0eb72a5dba5fbb04b (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	import { fadeDefault } from '$lib/Transitions';
	import { fade } from 'svelte/transition';

	let { children } = $props();
</script>

<div
	class="grid gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 min-[1600px]:grid-cols-8 min-[1920px]:grid-cols-10"
	in:fade={fadeDefault}
>
	{@render children?.()}
</div>