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

Refactor: Fix node minimizing animation

Browse source
This commit is contained in:
igorrCarvalho 2023-09-18 19:43:06 -03:00
commit f41c2824e9
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -123,8 +123,8 @@ export default function GenericNode({
<div
className={classNames(
selected ? "border border-ring" : "border",
" transition-all ",
showNode ? " w-96 duration-500 ease-in-out scale-100" : " transform-width duration-500 w-26 h-26 rounded-full scale-95",
" transition-transform ",
showNode ? " rounded-lg transform w-96 duration-500 ease-in-out scale-100 " : " rounded-full transform transform-width duration-500 w-26 h-26 scale-90 ",
"generic-node-div",
)}
>
@ -134,7 +134,7 @@ export default function GenericNode({
</div>
)}
<div>
<div className={"generic-node-div-title " + (!showNode ? "relative rounded-full w-24 h-24" : "justify-between rounded-t-lg")}>
<div className={"generic-node-div-title " + (!showNode ? " relative rounded-full w-24 h-24 " : " justify-between rounded-t-lg ")}>
<div className={"generic-node-title-arrangement rounded-full" + (!showNode && "justify-center")}>
<IconComponent
name={name}

2
src/frontend/src/style/applies.css
View file

@ -264,7 +264,7 @@
@apply grid w-full gap-4 p-4 md:grid-cols-2 lg:grid-cols-4;
}
.generic-node-div {
@apply relative flex flex-col justify-center rounded-lg bg-background;
@apply relative flex flex-col justify-center bg-background;
}
.generic-node-div-title {
@apply flex w-full items-center gap-8 border-b bg-muted p-4;