Fix pinned column shadow (#251)

Co-authored-by: Kevin Van Cott <[email protected]>
KevinVandy · Jan 22, 2024 · a791cd0 · a791cd0
1 parent 882e7a5
commit a791cd0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.module.css b/packages/mantine-react-table/src/components/body/MRT_TableBodyCell.module.css
@@ -83,14 +83,14 @@
 }
 
 .root-pinned-left-last {
-  box-shadow: -4px 0 8px -6px light-dark(
+  box-shadow: -4px 0 4px -4px light-dark(
       var(--mantine-color-gray-outline),
       var(--mantine-color-dark-outline)
     ) inset;
 }
 
 .root-pinned-right-first {
-  box-shadow: 4px 0 8px -6px light-dark(
+  box-shadow: 4px 0 4px -4px light-dark(
       var(--mantine-color-gray-outline),
       var(--mantine-color-dark-outline)
     ) inset;

diff --git a/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.module.css b/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.module.css
@@ -56,14 +56,14 @@
 }
 
 .root-pinned-left-last {
-  box-shadow: -4px 0 8px -6px light-dark(
+  box-shadow: -4px 0 4px -4px light-dark(
       var(--mantine-color-gray-outline),
       var(--mantine-color-dark-outline)
     ) inset;
 }
 
 .root-pinned-right-first {
-  box-shadow: 4px 0 8px -6px light-dark(
+  box-shadow: 4px 0 4px -4px light-dark(
       var(--mantine-color-gray-outline),
       var(--mantine-color-dark-outline)
     ) inset;