Fix: style 수정

moidot · Apr 11, 2024 · 27037bd · 27037bd
1 parent 9ac3a66
commit 27037bd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/participate/Participant.tsx b/src/components/participate/Participant.tsx
@@ -141,10 +141,10 @@ const Participate = ({ id }: any) => {
             내 정보 추가하기
           </div>
         ) : (
-          <div className="w-[320px] desktop:w-[585px] my-[100px] mx-auto">
+          <div className="w-[320px] desktop:w-[585px] my-[50px] desktop:my-[100px] mx-auto">
             <div
               onClick={handleCurrentUserInfo}
-              className="cursor-pointer flex w-[320px] desktop:w-[585px] h-[78px] items-center justify-center bg-main_orange rounded-2xl text-white text-b1 font-bold">
+              className="cursor-pointer flex w-[320px] desktop:w-[585px] h-[48px] desktop:h-[78px] items-center justify-center bg-main_orange rounded-2xl text-white text-mobile_b3 desktop:text-b1 font-bold">
               내 정보 수정하기
             </div>
             <div

diff --git a/src/components/participate/ParticipationList.tsx b/src/components/participate/ParticipationList.tsx
@@ -43,7 +43,7 @@ const ParticipationList = ({ data, mode = false, setMode = () => {} }: Participa
   }, [currentUserEmail, data.participantsByRegion, setPartId]);
 
   return (
-    <div className="w-[320px] desktop:w-[1200px]">
+    <div className="w-[320px] mx-auto desktop:w-[1200px]">
       <div className="text-center mt-10">
         <div className="text-mobile_h3 desktop:text-h1 font-bold text-font_black">{data.name}</div>
         <div className="text-mobile_b4 desktop:text-h3 font-bold text-font_gray">{data.date}</div>
@@ -68,7 +68,7 @@ const ParticipationList = ({ data, mode = false, setMode = () => {} }: Participa
         {/* 참여중인 유저 정보 나열*/}
         {data.participantsByRegion &&
           data.participantsByRegion.map((item: ParticipantsByRegionProps, index: number) => (
-            <div className="mt-[72px]" key={index}>
+            <div className="mt-[36px] desktop:mt-[72px]" key={index}>
               <div className="flex justify-between mb-5">
                 <div className="max-w-[265px] px-[16px] py-[4px] desktop:px-[32px] desktop:py-[8px] rounded-[53px] bg-main_orange text-mobile_b4 desktop:text-b1 text-white font-bold">
                   {item.regionName}