From 4b8349d13112d42e48d656d037ec00e519c8bdf0 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 3 Nov 2023 10:21:08 -0300
Subject: [PATCH] fix(baseModal): add "smaller-h-full" size option to improve
 modal size flexibility fix(exportModal): update size prop of BaseModal to
 "smaller-h-full" to match the new size option

---
 src/frontend/src/modals/baseModal/index.tsx   | 7 ++++++-
 src/frontend/src/modals/exportModal/index.tsx | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/baseModal/index.tsx b/src/frontend/src/modals/baseModal/index.tsx
index 263f335fd..8e0d58772 100644
--- a/src/frontend/src/modals/baseModal/index.tsx
+++ b/src/frontend/src/modals/baseModal/index.tsx
@@ -67,7 +67,8 @@ interface BaseModalProps {
     | "large"
     | "large-h-full"
     | "small-h-full"
-    | "medium-h-full";
+    | "medium-h-full"
+    | "smaller-h-full";
 
   disable?: boolean;
   onChangeOpenModal?: (open?: boolean) => void;
@@ -104,6 +105,10 @@ function BaseModal({
       minWidth = "min-w-[40vw]";
       height = "h-[27vh]";
       break;
+    case "smaller-h-full":
+      minWidth = "min-w-[40vw]";
+      height = "h-full";
+      break;
     case "small":
       minWidth = "min-w-[40vw]";
       height = "h-[40vh]";
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index 89bc292c9..2f41a6810 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -24,7 +24,7 @@ const ExportModal = forwardRef(
     const [open, setOpen] = useState(false);
 
     return (
-      <BaseModal size="smaller" open={open} setOpen={setOpen}>
+      <BaseModal size="smaller-h-full" open={open} setOpen={setOpen}>
         <BaseModal.Trigger>{props.children}</BaseModal.Trigger>
         <BaseModal.Header description={EXPORT_DIALOG_SUBTITLE}>
           <span className="pr-2">Export</span>
@@ -55,7 +55,7 @@ const ExportModal = forwardRef(
               Save with my API keys
             </label>
           </div>
-          <span className="text-xs text-destructive">
+          <span className=" text-xs text-destructive ">
             Caution: Uncheck this box only removes API keys from fields
             specifically designated for API keys.
           </span>