Fix: 참여 정보 모바일 뷰 css 수정

moidot · Apr 11, 2024 · 9ac3a66 · 9ac3a66
1 parent 58469fd
commit 9ac3a66
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/common/button/url/index.tsx b/src/components/common/button/url/index.tsx
@@ -46,7 +46,7 @@ const UrlButton = ({ pathname, teamname }: UrlProps) => {
   };
 
   return (
-    <div className="flex w-[320px] desktop:w-[440px] justify-between items-center text-b3 text-font_black mx-auto">
+    <div className="flex w-[270px] desktop:w-[440px] justify-between items-center text-b3 text-font_black mx-auto">
       <div
         className="flex items-center cursor-pointer text-mobile_b4 desktop:text-b2"
         onClick={() => handleCopyClipBoard(`${baseURL}/participant/${id.groupId}`)}>

diff --git a/src/components/participate/Participant.tsx b/src/components/participate/Participant.tsx
@@ -141,7 +141,7 @@ const Participate = ({ id }: any) => {
             내 정보 추가하기
           </div>
         ) : (
-          <div className="w-[585px] my-[100px] mx-auto">
+          <div className="w-[320px] desktop:w-[585px] 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">

diff --git a/src/components/participate/ParticipationList.tsx b/src/components/participate/ParticipationList.tsx
@@ -70,7 +70,7 @@ const ParticipationList = ({ data, mode = false, setMode = () => {} }: Participa
           data.participantsByRegion.map((item: ParticipantsByRegionProps, index: number) => (
             <div className="mt-[72px]" key={index}>
               <div className="flex justify-between mb-5">
-                <div className="w-[118px] desktop: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">
+                <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}
                 </div>
               </div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -47,7 +47,7 @@ const config: Config = {
         card_shadow: '0px 19px 64px 8px rgba(0, 0, 0, 0.04)',
       },
       screens: {
-        desktop: '360px',
+        desktop: '585px',
       },
     },
   },