Style: responsive style 설정

Funssion-SWM · Aug 14, 2023 · 21f6f75 · 21f6f75
1 parent bf3a1a3
commit 21f6f75
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -13,10 +13,10 @@ export default function Modal() {
       <div className="fixed">
         <Overay onClick={() => close()} />
         <div
-          className="fixed flex flex-col items-center bg-white rounded-2xl p-10 
+          className="fixed flex flex-col items-center bg-white rounded-2xl p-5 sm:p-10 
       top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 gap-2 "
         >
-          <p className="text-lg">{modalText}</p>
+          <p className="sm:text-lg">{modalText}</p>
           <div className="flex gap-2">
             <BlueBtn
               text="확인"

diff --git a/src/components/shared/IsValidBtn.tsx b/src/components/shared/IsValidBtn.tsx
@@ -18,7 +18,7 @@ export default function IsValidBtn({
         isValid
           ? 'bg-soma-blue-20 text-soma-blue-50'
           : 'bg-soma-grey-30 text-soma-grey-45'
-      } py-2 px-3.5 rounded-3xl mx-1 transition hover:bg-soma-blue-20 hover:text-soma-blue-50 text-sm sm:text-base`}
+      } min-w-fit py-2 px-3.5 rounded-3xl mx-1 transition hover:bg-soma-blue-20 hover:text-soma-blue-50 text-sm sm:text-base prose`}
       onClick={() => onClick()}
       disabled={disabled}
     >