jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

chat nodes dark mode implemented

Browse source
This commit is contained in:
Lucas Oliveira 2023-03-02 09:09:01 -03:00
commit 6006905504
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
space_flow/src/CustomNodes/ChatInputNode/index.tsx
View file

@ -13,7 +13,7 @@ export default function ChatInputNode({ data }) {
const { types } = useContext(typesContext); const { types } = useContext(typesContext);
return ( return (
<div <div
className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50" className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50 dark:bg-slate-800 dark:border-slate-700"
style={{ color: nodeColors[types[data.type]] }} style={{ color: nodeColors[types[data.type]] }}
> >
<Tooltip title="Prefix: str"> <Tooltip title="Prefix: str">
@ -24,7 +24,7 @@ export default function ChatInputNode({ data }) {
} }
position={Position.Left} position={Position.Left}
id={"str|Prefix|" + data.id} id={"str|Prefix|" + data.id}
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white"} className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"}
style={{ style={{
borderColor: nodeColors[types[data.type]], borderColor: nodeColors[types[data.type]],
}} }}
@ -38,7 +38,7 @@ export default function ChatInputNode({ data }) {
} }
position={Position.Right} position={Position.Right}
id={"str|str|" + data.id} id={"str|str|" + data.id}
className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white"} className={"-mr-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"}
style={{ style={{
borderColor: nodeColors[types[data.type]], borderColor: nodeColors[types[data.type]],
}} }}

4
space_flow/src/CustomNodes/ChatOutputNode/index.tsx
View file

@ -9,14 +9,14 @@ import { typesContext } from "../../contexts/typesContext";
export default function ChatOutputNode({ data }) { export default function ChatOutputNode({ data }) {
const {types} = useContext(typesContext); const {types} = useContext(typesContext);
return ( return (
<div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50" style={{color: nodeColors[types[data.type]]}}> <div className="prompt-node relative rounded-lg solid border flex justify-center align-center py-3 px-6 bg-gray-50 dark:bg-slate-800 dark:border-slate-700" style={{color: nodeColors[types[data.type]]}}>
<Tooltip title="Message: str"> <Tooltip title="Message: str">
<Handle <Handle
type="target" type="target"
isValidConnection={(connection) => isValidConnection(data,connection)} isValidConnection={(connection) => isValidConnection(data,connection)}
position={Position.Left} position={Position.Left}
id={"str|output|"+data.id} id={"str|output|"+data.id}
className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white" className={"-ml-0.5 w-3 h-3 rounded-full border-2 bg-white dark:bg-slate-800"
} }
style={{ style={{
borderColor: nodeColors[types[data.type]], borderColor: nodeColors[types[data.type]],