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

feat: add node minimizing animation (refactoring it later)

Browse source
This commit is contained in:
igorrCarvalho 2023-09-18 14:25:13 -03:00
commit d44365578d
3 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/App.css
View file

@ -6,6 +6,13 @@
text-align: center;
}
.react-flow__node {
width: auto;
height: auto;
border-radius: auto;
min-width: inherit;
}
.App-logo {
height: 40vmin;
pointer-events: none;

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

@ -115,7 +115,8 @@ export default function GenericNode({
<div
className={classNames(
selected ? "border border-ring" : "border",
showNode ? "w-96" : "w-26 h-26 rounded-full",
" transition-all ",
showNode ? " w-96 duration-500 ease-in-out scale-100" : "transform-width w-26 h-26 rounded-full scale-50",
"generic-node-div",
)}
>