From f41c2824e97a6f7b30020a10b609dcff60ec611d Mon Sep 17 00:00:00 2001
From: igorrCarvalho <igorsilvabhz6@gmail.com>
Date: Mon, 18 Sep 2023 19:43:06 -0300
Subject: [PATCH] Refactor: Fix node minimizing animation

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 6 +++---
 src/frontend/src/style/applies.css                 | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index cc24a7175..179429cc9 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -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}
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 44d91b033..28effcec3 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -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;