Merge pull request #1383 from 42organization/1358-feat-party-detail-r…

…oom의-css-변경 [Fix] join, leave 버튼 위치 수정
42organization · Apr 10, 2024 · be7c7af · be7c7af
2 parents 849331f + ee42353
commit be7c7af
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/party/roomDetail/PartyDetailProfile.tsx b/components/party/roomDetail/PartyDetailProfile.tsx
@@ -123,25 +123,29 @@ function ButtonHandler({
     <></>
   ) : !myNickname ? (
     <div className={styles.btnContainer}>
+      <div></div>
       <PartyRoomDetailButton.JoinRoom
         roomId={roomId}
         fetchRoomDetail={fetchRoomDetail}
       />
     </div>
   ) : hostNickname !== myNickname ? (
     <div className={styles.btnContainer}>
+      <div></div>
       <PartyRoomDetailButton.LeaveRoom
         roomId={roomId}
         fetchRoomDetail={fetchRoomDetail}
       />
     </div>
   ) : (
     <div className={styles.btnContainer}>
-      {currentPeople >= minPeople && currentPeople !== 1 && (
+      {currentPeople >= minPeople && currentPeople !== 1 ? (
         <PartyRoomDetailButton.StartRoom
           roomId={roomId}
           fetchRoomDetail={fetchRoomDetail}
         />
+      ) : (
+        <div></div>
       )}
       <PartyRoomDetailButton.LeaveRoom
         roomId={roomId}

diff --git a/styles/party/PartyDetailRoom.module.scss b/styles/party/PartyDetailRoom.module.scss
@@ -174,7 +174,7 @@ $detailCommonRem: 1rem;
 .joinBtn {
   width: 49.5%;
   height: 3rem;
-  margin-bottom: $detailCommonRem;
+  margin-bottom: $detailCommonRem * 0.3;
   font-family: $common-font;
   font-size: $big-font;
   font-weight: $detail-btn-weight;