From 43f3d8fa738e317195f4ac886e459527ea2e37ed Mon Sep 17 00:00:00 2001
From: moonyah <dltk456@naver.com>
Date: Thu, 6 Jun 2024 08:01:44 +0900
Subject: [PATCH] [Design] fix Club Modal publishing

---
 .../community/components/club/common/Modal.tsx   | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/community/components/club/common/Modal.tsx b/src/app/community/components/club/common/Modal.tsx
index 5a75c76..7089f7d 100644
--- a/src/app/community/components/club/common/Modal.tsx
+++ b/src/app/community/components/club/common/Modal.tsx
@@ -25,24 +25,26 @@ export default function Modal({
     <div className="fixed inset-0 flex items-center justify-center z-50">
       <div className="bg-blue-50 rounded-2xl md:w-[60rem] w-[20rem] shadow-md">
         <div className="text-left md:p-[2rem] p-[1.5rem]">
-          <h2 className="md:text-xl text-sm font-bold md:mb-[1rem] mb-2 leading-none">
+          <h2 className="md:text-[1.75rem] text-sm font-bold md:mb-[1rem] mb-2 leading-none">
             {clubName}
           </h2>
-          <p className="leading-none md:text-sm text-xs">{shortDescription}</p>
+          <p className="leading-none md:text-[1rem] text-xs">
+            {shortDescription}
+          </p>
         </div>
         <hr className="border-gray-300" />
         <div className="text-center md:p-[2rem] p-[1.5rem]">
-          <p className="md:pt-6 pt-[2.88rem] md:text-xl text-sm text-blue-400 font-bold leading-none">
+          <p className="md:pt-6 pt-[2.88rem] md:text-[2rem] text-sm text-blue-400 font-bold leading-none">
             {message}
           </p>
-          <p className="md:my-[2rem] my-4 text-gray-500 leading-none md:text-sm text-xs">
+          <p className="md:my-[2rem] my-4 text-gray-500 leading-none md:text-[1.25rem] text-xs">
             {subMessage}
           </p>
           {buttonText && (
-            <div className="mb-4">
+            <div className="mt-[2.5rem]">
               <button
                 onClick={onClose}
-                className="p-[1rem] w-full bg-blue-400 text-white rounded-lg leading-none md:text-sm text-xs"
+                className="p-[1rem] md: w-[4.5625rem] bg-blue-400 text-white rounded-lg leading-none md:text-[1.25rem] text-xs"
               >
                 {buttonText}
               </button>
@@ -50,7 +52,7 @@ export default function Modal({
           )}
           {!buttonText && (
             <div className="mb-4">
-              <div className="p-[1rem] w-full  text-white rounded-lg leading-none md:text-sm text-xs"></div>
+              <div className="p-[1rem]  text-white rounded-lg leading-none md:text-sm text-xs"></div>
             </div>
           )}
         </div>