From 847f6e86ce8db29cf0770a955faa49bdedfd5996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Or=C5=82=C3=B3w?= <adrian.orlow@fishbrain.com>
Date: Fri, 8 Dec 2023 11:47:50 +0100
Subject: [PATCH] fix: modal container size
---
src/components/FunctionalArea/Modal/Modal.component.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/FunctionalArea/Modal/Modal.component.tsx b/src/components/FunctionalArea/Modal/Modal.component.tsx
index 1a0f2f38..4ca533ed 100644
--- a/src/components/FunctionalArea/Modal/Modal.component.tsx
+++ b/src/components/FunctionalArea/Modal/Modal.component.tsx
@@ -24,14 +24,14 @@ export const Modal = (): React.ReactNode => {
role={MODAL_ROLE}
>
<div className="flex h-full w-full items-center justify-center">
- <div className="flex flex-col overflow-hidden rounded-lg ">
+ <div className="flex h-5/6 w-10/12 flex-col overflow-hidden rounded-lg">
<div className="flex items-center justify-between bg-white p-[24px] text-xl">
<div>{modalTitle}</div>
<button type="button" onClick={handleCloseModal} aria-label="close button">
<Icon name="close" className="fill-font-500" />
</button>
</div>
- <div>{isOpen && modalName === 'overview-images' && <OverviewImagesModal />}</div>
+ {isOpen && modalName === 'overview-images' && <OverviewImagesModal />}
</div>
</div>
</div>
--
GitLab