From 2f469afe69f9fe86a9ca4a181ab33888fcd40a90 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 3 Jul 2023 10:03:44 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(dialog.tsx):=20remove=20unne?=
 =?UTF-8?q?cessary=20animation=20classes=20to=20improve=20performance=20an?=
 =?UTF-8?q?d=20simplify=20code=20=F0=9F=90=9B=20fix(EditNodeModal/index.ts?=
 =?UTF-8?q?x):=20adjust=20styling=20to=20improve=20layout=20and=20readabil?=
 =?UTF-8?q?ity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ui/dialog.tsx       |  2 +-
 src/frontend/src/modals/EditNodeModal/index.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index 4df519490..a0c3b9471 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed z-50 grid w-full gap-4 rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
+        "fixed z-50 grid w-full rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
         className
       )}
       {...props}
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 2cada903b..997f807ca 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -81,7 +81,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px] ">
+      <DialogContent className="lg:max-w-[700px] sm:max-w-[600px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{data.type}</span>
@@ -89,16 +89,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
           </DialogTitle>
           <DialogDescription>
             {data.node?.description}
-            <div className="flex pt-4">
+            <div className="flex pt-3">
               <Variable className="h-5 w-5 stroke-2 pe-1 text-muted-foreground "></Variable>
-              <span className="text-sm font-semibold text-primary ">
+              <span className="text-sm font-semibold text-primary pb-3">
                 Parameters
               </span>
             </div>
           </DialogDescription>
         </DialogHeader>
 
-        <div className="flex h-fit max-h-[350px] w-full">
+        <div className="flex h-fit max-h-[400px] w-full">
           <div
             className={classNames(
               "w-full rounded-lg border-[1px] border-input bg-background",
@@ -134,8 +134,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             data.node.template[t].type === "int")
                       )
                       .map((n, i) => (
-                        <TableRow key={i} className="h-10 ">
-                          <TableCell className="p-0 text-center text-sm  text-foreground">
+                        <TableRow key={i} className="h-10">
+                          <TableCell className="p-0 text-center text-sm text-foreground truncate sm:px-3">
                             {data.node.template[n].name
                               ? data.node.template[n].name
                               : data.node.template[n].display_name}