From dc6d1d2f05c5139c85b164fc93d5dc037675f00c Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 28 Jul 2024 20:33:15 +0200
Subject: [PATCH] ui fix

---
 .../components/shadcn/table/table-body.svelte | 12 +++++-
 src/routes/reddit-tracker/+page.svelte        | 39 +++++++++----------
 2 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/shadcn/table/table-body.svelte b/src/lib/components/shadcn/table/table-body.svelte
index e6f352ed..10ba9da5 100644
--- a/src/lib/components/shadcn/table/table-body.svelte
+++ b/src/lib/components/shadcn/table/table-body.svelte
@@ -8,6 +8,14 @@
 	export { className as class };
 </script>
 
-<tbody class={cn("[&_tr:last-child]:border-0", className)} {...$$restProps}>
+<tbody class={cn("[&_tr:last-child]:border-0 scroller", className)} {...$$restProps}>
 	<slot />
-</tbody>
\ No newline at end of file
+</tbody>
+
+
+
+<style>
+.scroller {
+	scrollbar-width: thin;
+}
+</style>
\ No newline at end of file
diff --git a/src/routes/reddit-tracker/+page.svelte b/src/routes/reddit-tracker/+page.svelte
index 0aa39380..9cfa7618 100644
--- a/src/routes/reddit-tracker/+page.svelte
+++ b/src/routes/reddit-tracker/+page.svelte
@@ -458,7 +458,7 @@ const optionCompanySpread = {
                         </Card.Title>
                       </Card.Header>
                       <Card.Content class="grid gap-y-4">
-                        <Table.Root class="overflow-x-scroll w-full no-scrollbar">
+                        <Table.Root class="overflow-x-scroll w-full">
                           <Table.Header>
                             <Table.Row>
                               <Table.Head class="text-white">Rank</Table.Head>
@@ -532,22 +532,21 @@ const optionCompanySpread = {
       </div>
     </section>
     
-    <style>
-  
-      .app {
-      height: 150px;
-      max-width: 100%; /* Ensure chart width doesn't exceed the container */
-      
-      }
-      
-      @media (max-width: 640px) {
-      .app {
-        height: 120px;
-      }
-      }
-      
-      .chart {
-      width: 100%;
-      }
-      
-      </style>
\ No newline at end of file
+<style>
+.app {
+height: 150px;
+max-width: 100%; /* Ensure chart width doesn't exceed the container */
+
+}
+
+@media (max-width: 640px) {
+.app {
+  height: 120px;
+}
+}
+
+.chart {
+width: 100%;
+}
+
+</style>
\ No newline at end of file