From 1c634cd883248f4de6d967346e8ee39a39809ec6 Mon Sep 17 00:00:00 2001
From: Sam Cao <sjtucaocao@gmail.com>
Date: Wed, 28 Aug 2024 15:58:34 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20Add=20overflow=20to=20list?=
 =?UTF-8?q?=20view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/list.svelte | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/routes/list.svelte b/src/routes/list.svelte
index f7bacfc..094774f 100644
--- a/src/routes/list.svelte
+++ b/src/routes/list.svelte
@@ -24,6 +24,7 @@
     Card,
     type ColumnDef,
     Header,
+    Overflow,
     Table,
     tableOrderStore,
     TextField,
@@ -720,16 +721,18 @@
         {/if}
       {/each}
     {:else if viewType == ViewType.List}
-      <Table
-        classes={{
-          table: "border-collapse border border-slate-500 mb-1",
-          th: "border border-slate-600 p-1 bg-lime-50",
-          td: "border border-slate-700 px-1 text-nowrap",
-        }}
-        data={dataOfListView.sort($tableOrderStoreForListView.handler)}
-        columns={columnsOfListView}
-        order={tableOrderStoreForListView}
-      />
+      <Overflow class="pb-2 overflow-auto">
+        <Table
+          classes={{
+            table: "border-collapse border border-slate-500 mb-1",
+            th: "border border-slate-600 p-1 bg-lime-50",
+            td: "border border-slate-700 px-1 text-nowrap",
+          }}
+          data={dataOfListView.sort($tableOrderStoreForListView.handler)}
+          columns={columnsOfListView}
+          order={tableOrderStoreForListView}
+        />
+      </Overflow>
     {/if}
   {/if}
 </div>