Initial commit0.1.0

1 files changed, 15 insertions, 0 deletions

diff --git a/frontend/src/lib/components/Badge.svelte b/frontend/src/lib/components/Badge.svelte
new file mode 100644
index 0000000..7ad3173
--- /dev/null
+++ b/frontend/src/lib/components/Badge.svelte
@@ -0,0 +1,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}