Style: px -> vw

moidot · May 25, 2024 · 640b583 · 640b583
1 parent 24847b5
commit 640b583
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/common/home/SpaceBox.tsx b/src/components/common/home/SpaceBox.tsx
@@ -11,11 +11,11 @@ const SpaceBox = ({
 }: GetParticipateProps) => {
   return (
     <div className="flex flex-col">
-      <div className="flex flex-row justify-between items-center rounded-t-2xl px-10 py-5 bg-main_orange w-[585px] h-[86px] ">
+      <div className="flex flex-row justify-between items-center rounded-t-2xl px-10 py-5 bg-main_orange w-[30.5vw] h-[86px] ">
         <div className="font-Pretendard text-white text-h3 font-bold">{groupName}</div>
         <div className="font-Pretendard text-white text-b2 font-thin ">{groupDate}</div>
       </div>
-      <div className="flex flex-col rounded-b-2xl p-10 bg-white w-[585px] gap-[18px]">
+      <div className="flex flex-col rounded-b-2xl p-10 bg-white w-[30.5vw] gap-[18px]">
         <div className="gap-[8px]">
           <div className="flex flex-row gap-[8px]">
             <LocationIcon />

diff --git a/src/components/home/Home5.tsx b/src/components/home/Home5.tsx
@@ -36,8 +36,8 @@ const Home5 = () => {
       {isLoading ? (
         <div>로딩중</div>
       ) : (
-        <div>
-          <div className="flex flex-col justify-center items-center gap-[60px] bg-light_orange w-screen mt-24">
+        <div className="w-full bg-light_orange">
+          <div className="w-[62.5vw] flex flex-col justify-center items-center gap-[60px] mt-24">
             <div className="flex flex-col justify-center items-center gap-[2px] mt-10">
               <div className="font-Pretendard text-black text-h3 font-bold ">나의 모이닷 스페이스</div>
               <div className="font-Pretendard text-font_gray text-b3 font-regular ">
@@ -55,7 +55,7 @@ const Home5 = () => {
                 </div>
               </div>
             ) : (
-              <div className="grid grid-cols-2 w-100vw p-5 gap-8">
+              <div className="grid grid-cols-2 p-5 gap-8">
                 {data?.data.map((item) => (
                   <div key={item.groupId} onClick={() => onBoxClick(item.groupId)}>
                     <SpaceBox
@@ -72,7 +72,7 @@ const Home5 = () => {
                 ))}
               </div>
             )}
-            <div className="font-Pretendard text-font_gray text-b3 font-regular underline" onClick={onAuthClick}>
+            <div className="font-Pretendard text-font_gray text-b3 font-regular underline mb-5" onClick={onAuthClick}>
               모이닷 탈퇴하기
             </div>
           </div>

diff --git a/src/pages/vote/detail/[id].tsx b/src/pages/vote/detail/[id].tsx
@@ -110,7 +110,7 @@ const VoteDetailPage = () => {
       {/* 지도 자리 */}
       {voteData?.voteStatuses && <VoteKakaoMap locationInfo={voteData?.voteStatuses} />}
       {/* 투표 탭 */}
-      <div className="mx-auto bg-white">
+      <div className="w-[62.5vw] mx-auto bg-white">
         <div className="w-full h-[74px] mt-2 flex justify-between items-center">
           <div className="w-[170px] h-[50px] flex justify-between text-b3">
             {voteData?.isEnabledMultipleChoice ? (