From 5affd5b91e253b433fc36e4e6d21f3a631790d3a Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Tue, 5 Sep 2023 00:20:19 +0800
Subject: [PATCH] feat(logs): sticky table thead

---
 src/pages/Connections.tsx |  2 +-
 src/pages/Logs.tsx        | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/Connections.tsx b/src/pages/Connections.tsx
index 47a0b5c..00670c7 100644
--- a/src/pages/Connections.tsx
+++ b/src/pages/Connections.tsx
@@ -237,7 +237,7 @@ export default () => {
   })
 
   return (
-    <div class="flex h-full flex-col gap-4 overflow-y-auto">
+    <div class="flex h-full flex-col gap-4 overflow-y-auto p-1">
       <div class="flex w-full items-center gap-2">
         <input
           class="input input-primary flex-1"
diff --git a/src/pages/Logs.tsx b/src/pages/Logs.tsx
index 5ada09d..328fd96 100644
--- a/src/pages/Logs.tsx
+++ b/src/pages/Logs.tsx
@@ -67,16 +67,16 @@ export default () => {
   })
 
   return (
-    <div class="flex flex-col gap-4">
+    <div class="flex h-full flex-col gap-4 overflow-y-auto p-1">
       <input
-        class="input input-primary"
+        class="input input-primary flex-shrink-0"
         placeholder={t('search')}
         onInput={(e) => setSearch(e.target.value)}
       />
 
-      <div class="overflow-x-auto whitespace-nowrap rounded-md">
-        <table class="table table-zebra-zebra table-xs rounded-none bg-base-200">
-          <thead>
+      <div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300">
+        <table class="table table-xs relative rounded-none">
+          <thead class="sticky top-0 z-10">
             <For each={table.getHeaderGroups()}>
               {(headerGroup) => (
                 <tr>
@@ -102,7 +102,7 @@ export default () => {
           <tbody>
             <For each={table.getRowModel().rows}>
               {(row) => (
-                <tr>
+                <tr class="hover">
                   <For each={row.getVisibleCells()}>
                     {(cell) => (
                       <td>