blob: 8de5e345b99e35a6d48a725c404e3a4a600434b6 (
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';
let { number }: { number: number } = $props();
</script>
{#if number > 0}
<span
class="absolute -top-1.5 -right-1 z-1 rounded-xs bg-teal-600 px-1 text-xs font-semibold drop-shadow-sm"
transition:fade={fadeDefault}
>
{number}
</span>
{/if}
|
