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
This commit is contained in:
cristhianzl 2023-11-03 10:21:08 -03:00
commit 4b8349d131
2 changed files with 8 additions and 3 deletions

View file

@ -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]";

View file

@ -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>