frontend/src/lib/tabs/Tab.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script lang="ts">
	import { getTabContext } from '$lib/Tabs';
	import { fadeDefault } from '$lib/Transitions';
	import { fade } from 'svelte/transition';

	const context = getTabContext();
	export let id: string;
</script>

{#if $context.current === id}
	<div class="h-full overflow-auto py-2 pe-3 ps-1" in:fade={fadeDefault}>
		<slot />
	</div>
{/if}