fix: table border overflow

sadmann7 · Jul 28, 2024 · 0ff54ed · 0ff54ed
1 parent 23681b2
commit 0ff54ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/data-table/data-table.tsx b/src/components/data-table/data-table.tsx
@@ -42,7 +42,7 @@ export function DataTable<TData>({
       {...props}
     >
       {children}
-      <div className="rounded-md border">
+      <div className="overflow-hidden rounded-md border">
         <Table>
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (

diff --git a/src/lib/data-table.ts b/src/lib/data-table.ts
@@ -19,7 +19,7 @@ export function getCommonPinningStyles<TData>({
         : undefined,
     left: isPinned === "left" ? `${column.getStart("left")}px` : undefined,
     right: isPinned === "right" ? `${column.getAfter("right")}px` : undefined,
-    opacity: isPinned ? 0.95 : 1,
+    opacity: isPinned ? 0.97 : 1,
     position: isPinned ? "sticky" : "relative",
     background: isPinned ? "hsl(var(--background))" : undefined,
     width: column.getSize(),