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

Refactor component styles and icons

Browse source
This commit is contained in:
anovazzi1 2024-04-30 19:10:19 -03:00
commit 2295754942
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/components/chatComponent/index.tsx
View file

@ -87,13 +87,13 @@ export default function FlowToolbar(): JSX.Element {
} }
> >
<div className="flex"> <div className="flex">
<div className="flex h-full w-full gap-1 rounded-sm text-medium-indigo transition-all"> <div className="flex h-full w-full gap-1 rounded-sm transition-all">
{hasIO ? ( {hasIO ? (
<IOModal open={open} setOpen={setOpen} disable={!hasIO}> <IOModal open={open} setOpen={setOpen} disable={!hasIO}>
<div className="relative inline-flex w-full items-center justify-center gap-1 px-5 py-3 text-sm font-semibold text-medium-indigo transition-all transition-all duration-500 ease-in-out ease-in-out hover:bg-hover"> <div className="relative inline-flex w-full items-center justify-center gap-1 px-5 py-3 text-sm font-semibold transition-all duration-500 ease-in-out hover:bg-hover">
<ForwardedIconComponent <ForwardedIconComponent
name="Zap" name="MonitorPlay"
className={"message-button-icon h-5 w-5 transition-all"} className={" h-5 w-5 transition-all"}
/> />
Playground Playground
</div> </div>

2
src/frontend/src/utils/styleUtils.ts
View file

@ -136,6 +136,7 @@ import {
X, X,
XCircle, XCircle,
Zap, Zap,
MonitorPlay
} from "lucide-react"; } from "lucide-react";
import { FaApple, FaGithub } from "react-icons/fa"; import { FaApple, FaGithub } from "react-icons/fa";
import { AWSIcon } from "../icons/AWS"; import { AWSIcon } from "../icons/AWS";
@ -504,6 +505,7 @@ export const nodeIconsLucide: iconsType = {
Bot, Bot,
Delete, Delete,
Command, Command,
MonitorPlay,
ArrowBigUp, ArrowBigUp,
Dot, Dot,
}; };