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

Changing icons position and layout

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-06-15 19:38:12 -03:00
commit 1af91d7ac0
2 changed files with 13 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/frontend/src/components/chatComponent/buildTrigger/index.tsx
View file

@ -128,13 +128,12 @@ export default function BuildTrigger({
show={!open} show={!open}
appear={true} appear={true}
enter="transition ease-out duration-300" enter="transition ease-out duration-300"
enterFrom="translate-y-96" enterTo="translate-x-0"
enterTo="translate-y-0"
leave="transition ease-in duration-300" leave="transition ease-in duration-300"
leaveFrom="translate-y-0" leaveFrom="translate-x-0"
leaveTo="translate-y-96" leaveTo="translate-x-96"
> >
<div className={`fixed right-4` + (isBuilt ? " bottom-20" : " bottom-4")}> <div className={`absolute right-8 bottom-[620px]`}>
<div <div
className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063] className="flex justify-center align-center py-1 px-3 w-12 h-12 rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063]
bg-[#E2E7EE] dark:border-gray-600 cursor-pointer" bg-[#E2E7EE] dark:border-gray-600 cursor-pointer"
@ -148,7 +147,7 @@ export default function BuildTrigger({
// Render your loading animation here when isBuilding is true // Render your loading animation here when isBuilding is true
<Loading strokeWidth={1.5} style={{ color: "white" }} /> <Loading strokeWidth={1.5} style={{ color: "white" }} />
) : ( ) : (
<Zap className="sh-6 w-6 fill-[#dc735b] stroke-1 stroke-[#dc735b]"/> <Zap className="sh-6 w-6 fill-[#884cb1] stroke-1 stroke-[#884cb1]"/>
)} )}
</div> </div>
</button> </button>

13
src/frontend/src/components/chatComponent/chatTrigger/index.tsx
View file

@ -22,15 +22,18 @@ export default function ChatTrigger({ open, setOpen, isBuilt }) {
show={!open} show={!open}
appear={true} appear={true}
enter="transition ease-out duration-300" enter="transition ease-out duration-300"
enterFrom="translate-y-96" enterFrom="translate-x-96"
enterTo="translate-y-0" enterTo="translate-y-0"
leave="transition ease-in duration-300" leave="transition ease-in duration-300"
leaveFrom="translate-y-0" leaveFrom="translate-x-0"
leaveTo="translate-y-96" leaveTo="translate-x-96"
> >
<div className="absolute bottom-4 right-3">
<div className="absolute right-[100px] bottom-[620px]">
<div <div
className="border flex justify-center items-center py-1 px-3 w-12 h-12 rounded-full bg-blue-500 dark:border-gray-600 cursor-pointer" className="
rounded-full shadow-md hover:shadow-sm shadow-[#00000063] hover:shadow-[#00000063]
flex justify-center items-center w-12 h-12 bg-blue-500 dark:border-gray-600 cursor-pointer"
onClick={handleClick} onClick={handleClick}
> >
<button> <button>