fix: change padding and text size of popup modal (#42)

Co-authored-by: Haidong Xu <[email protected]>
jst-seminar-rostlab-tum · Nov 18, 2024 · 34b4f72 · 34b4f72
1 parent d79dc36
commit 34b4f72
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/PopupModal/PopupModal.tsx b/src/components/PopupModal/PopupModal.tsx
@@ -19,12 +19,12 @@ export default function PopupModal({
       onOpenChange={toggleModal}
       classNames={{
         backdrop: 'bg-gradient-to-t from-zinc-900 to-zinc-900/10 backdrop-opacity-20',
-        base: `p-10 ${modalHeight}`,
+        base: `xl:p-10 lg:p-8 md:p-6 sm:p-4  ${modalHeight}`,
       }}
       size={modalSize}
     >
       <ModalContent>
-        <ModalHeader className="text-3xl font-bold mb-2">{modalTitle}</ModalHeader>
+        <ModalHeader className="xl:text-3xl text-2xl font-bold justify-center">{modalTitle}</ModalHeader>
         <ModalBody>{children}</ModalBody>
       </ModalContent>
     </Modal>