summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/components/Badge.svelte
blob: 7ad3173e98506ee45731759a6f9830a56a1565f9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script lang="ts">
	import { fadeDefault } from '$lib/Transitions';
	import { fade } from 'svelte/transition';

	export let number: number;
</script>

{#if number > 0}
	<span
		class="absolute -right-[3px] -top-[6px] z-[1] rounded-lg bg-teal-600 px-1 text-xs"
		transition:fade={fadeDefault}
	>
		{number}
	</span>
{/if}