fix rdg styles - adazzle/react-data-grid#3460 (comment)

gridaco · Mar 24, 2024 · 6dcbba1 · 6dcbba1
1 parent e42c6f1
commit 6dcbba1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/apps/forms/app/editor.css b/apps/forms/app/editor.css
@@ -2,6 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
+/* https://github.com/adazzle/react-data-grid/issues/3460#issuecomment-2016837753 */
+@import "react-data-grid/lib/styles.css";
+
 :root {
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 255, 255, 255;

diff --git a/apps/forms/scaffolds/grid/grid.tsx b/apps/forms/scaffolds/grid/grid.tsx
@@ -1,9 +1,6 @@
 "use client";
 
 import React, { useEffect, useRef, useState } from "react";
-import "react-data-grid/lib/styles.css";
-import "./grid.css";
-
 import DataGrid, {
   Column,
   RenderCellProps,
@@ -41,6 +38,7 @@ import { JsonEditCell } from "./json-cell";
 import { useEditorState } from "../editor";
 import { GFRow } from "./types";
 import { SelectColumn } from "./select-column";
+import "./grid.css";
 
 function rowKeyGetter(row: GFRow) {
   return row.__gf_id;