From 77c423fd0c07f17addf88e5a4b8cb156b68cce62 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 3 Jul 2023 17:08:58 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix(ApiModal):=20update=20CSS=20?=
 =?UTF-8?q?classes=20for=20responsive=20layout=20and=20code=20readability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/ApiModal/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index e767c0368..d069763ff 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -263,7 +263,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger></DialogTrigger>
-      <DialogContent className="lg:max-w-[850px] sm:max-w-[700px] h-[580px]">
+      <DialogContent className="lg:max-w-[80vw] h-[80vh]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
@@ -314,7 +314,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
             >
               {index < 3 ? (
                 <SyntaxHighlighter
-                  className="h-[400px] w-full overflow-auto"
+                  className="w-full overflow-auto h-[60vh]"
                   language={tab.mode}
                   style={oneDark}
                 >
@@ -322,10 +322,10 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                 </SyntaxHighlighter>
               ) : index === 3 ? (
                 <>
-                  <div className="flex w-full h-[400px] mt-2">
+                  <div className="flex w-full h-full mt-2">
                     <div
                       className={classNames(
-                        "w-full rounded-lg  bg-muted border-[1px] border-gray-200",
+                        "w-full rounded-lg bg-muted h-[60vh]",
                         1 == 1
                           ? "overflow-scroll overflow-x-hidden custom-scroll"
                           : "overflow-hidden"
@@ -340,7 +340,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
                             >
                               <div className="flex flex-col gap-5 h-fit">
                                 <Table className="table-fixed bg-muted outline-1">
-                                  <TableHeader className="border-gray-200 text-gray-500 text-xs font-medium h-10">
+                                  <TableHeader className="border-input text-xs font-medium text-ring h-10">
                                     <TableRow className="dark:border-b-muted">
                                       <TableHead className="h-7 text-center">
                                         PARAM