fix: breaking change in react-data-table nesting styles

adazzle/react-data-grid#3460
github-community-projects · Mar 28, 2024 · 2f30f8b · 2f30f8b
1 parent ebeb118
commit 2f30f8b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/app/postcss.config.js b/app/postcss.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': {},
     tailwindcss: {},
     autoprefixer: {},
   },

diff --git a/app/src/pages/_app.tsx b/app/src/pages/_app.tsx
@@ -1,6 +1,5 @@
 import { ThemeProvider as NextThemeProvider } from 'next-themes';
 import type { AppProps } from 'next/app';
-import 'react-data-grid/lib/styles.css';
 import '../styles/globals.css';
 
 import {

diff --git a/app/src/styles/globals.css b/app/src/styles/globals.css
@@ -1,3 +1,6 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* add here - see https://github.com/adazzle/react-data-grid/issues/3460#issuecomment-2016837753 */
+@import 'react-data-grid/lib/styles.css';