Lightmode fix, add borders to nested inputs (#64)

langchain-ai · Oct 19, 2023 · 05afa7f · 05afa7f
1 parent 23827b3
commit 05afa7f
Show file tree

Hide file tree

Showing 4 changed files with 4,948 additions and 2,775 deletions.
diff --git a/langserve/playground/src/components/CustomTextAreaCell.tsx b/langserve/playground/src/components/CustomTextAreaCell.tsx
@@ -47,7 +47,7 @@ export const TextAreaCell = (props: CellProps & VanillaRendererProps) => {
       onChange={(ev) =>
         handleChange(path, ev.target.value === "" ? undefined : ev.target.value)
       }
-      className={className}
+      className={className + " border border-divider-700 rounded-lg py-1 px-2"}
       style={{ width: "100%", fontSize: "18px" }}
       id={id}
       disabled={!enabled}

diff --git a/langserve/playground/src/components/JsonTextAreaCell.tsx b/langserve/playground/src/components/JsonTextAreaCell.tsx
@@ -66,7 +66,7 @@ export const TextAreaCell = (props: CellProps & VanillaRendererProps) => {
           ev.target.value === "" ? undefined : tryJsonParse(ev.target.value)
         )
       }
-      className={className}
+      className={className + "  border border-divider-700 rounded-lg py-1 px-2"}
       style={{ width: "100%", fontSize: "18px" }}
       id={id}
       disabled={!enabled}

diff --git a/langserve/playground/src/components/NoBorderTableCell.tsx b/langserve/playground/src/components/NoBorderTableCell.tsx
@@ -27,8 +27,8 @@ import { TableCell } from "@mui/material";
 
 const StyledTableCell = styled(TableCell)({
   borderBottom: "none",
-  color: "white",
   fill: "white",
+  color: "inherit",
   padding: 0,
 });