From ef4472cfa0afa38258ece7d754189a710b48a91b Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 31 Mar 2025 17:07:20 +0100
Subject: [PATCH] add Scroll component

---
 frontend/src/lib/components/Scroll.svelte | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/src/lib/components/Scroll.svelte

diff --git a/frontend/src/lib/components/Scroll.svelte b/frontend/src/lib/components/Scroll.svelte
new file mode 100644
index 0000000000..40c8aab0c3
--- /dev/null
+++ b/frontend/src/lib/components/Scroll.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { twMerge } from 'tailwind-merge'
+</script>
+
+<div class={twMerge('h-full w-full overflow-y-auto', $$props.class)}>
+	<slot />
+</div>
+
+<style>
+	/* Custom scrollbar styles */
+	div::-webkit-scrollbar {
+		width: 12px;
+	}
+
+	/* For Firefox */
+	div {
+		/* Prevent layout shift from scrollbar appearance */
+		scrollbar-gutter: stable;
+		/* Prevent horizontal scrollbar */
+		overflow-x: hidden;
+	}
+</style>