From dd74620e1370ef2bacf74e54add5f254af87bbb6 Mon Sep 17 00:00:00 2001
From: root <root@localhost.localdomain>
Date: Wed, 13 May 2026 03:46:18 +0800
Subject: [PATCH] fix: show table scrollbars in Firefox

---
 src/components/layout/table/Table.svelte | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/table/Table.svelte b/src/components/layout/table/Table.svelte
index abad324..1c10560 100644
--- a/src/components/layout/table/Table.svelte
+++ b/src/components/layout/table/Table.svelte
@@ -80,6 +80,27 @@
 		height: 100%;
 	}
 
+	.table-wrapper.scrollable {
+		scrollbar-color: var(--layer200) transparent;
+		scrollbar-width: thin;
+	}
+
+	.table-wrapper.scrollable::-webkit-scrollbar {
+		background-color: transparent;
+		height: 5px;
+		width: 5px;
+	}
+
+	.table-wrapper.scrollable::-webkit-scrollbar-track {
+		background-color: transparent;
+		border-radius: 6px;
+	}
+
+	.table-wrapper.scrollable::-webkit-scrollbar-thumb {
+		background-color: var(--layer200);
+		border-radius: 6px;
+	}
+
 	@media all and (max-width: 600px) {
 		.table-wrapper  {
 			max-width: 100%;
@@ -195,7 +216,7 @@
 
 </style>
 
-<div class='table-wrapper no-scrollbar'>
+<div class='table-wrapper scrollable'>
 
 <div class={`table ${minWidth ? 'min-width' :''}`} style={`--grid-template: ${gridTemplate};`}>