[Design] fix Club Modal publishing

Linkup-3mw · Jun 5, 2024 · 43f3d8f · 43f3d8f
1 parent 6bcd59c
commit 43f3d8f
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/app/community/components/club/common/Modal.tsx b/src/app/community/components/club/common/Modal.tsx
@@ -25,32 +25,34 @@ 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>
             </div>
           )}
           {!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>