fixed table header ui

chapter-gtm · Dec 5, 2024 · 062430f · 062430f
1 parent beb956d
commit 062430f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 16 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -72,15 +72,15 @@
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
-    "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/node": "20.17.9",
+    "@types/react": "18.3.13",
     "@types/react-dom": "^18",
     "@types/uuid": "^9.0.8",
     "autoprefixer": "^10.0.1",
     "eslint": "^8.57.0",
     "eslint-config-next": "^14.2.5",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "typescript": "^5"
+    "typescript": "5.7.2"
   }
 }
diff --git a/frontend/src/components/data-table/data-table.tsx b/frontend/src/components/data-table/data-table.tsx
@@ -154,7 +154,7 @@ export function DataTable<TData, TValue>({
 
       <div className="flex-1 h-full overflow-auto border-t border-b border-border">
         <Table>
-          <TableHeader className="sticky z-20 top-0 w-full bg-transparent">
+          <TableHeader className="sticky z-20 top-0 w-full bg-card dark:bg-card">
             {table.getHeaderGroups().map((headerGroup) => (
               <TableRow key={headerGroup.id} className="hover:bg-transparent">
                 {headerGroup.headers.map((header) => {