모달 닫힐 때 ui 깨지는 버그 (#397)

* fix: 모달 닫힐 때 ui깨지는 문제 수정 * feat: 크루 랭킹 모달 핸들 크기 늘림 * fix: 크루 랭킹 페이지 모달 ui 깨지는 버그 2차 수정
Java-and-Script · Nov 29, 2023 · fd7cf80 · fd7cf80
1 parent 7e12e54
commit fd7cf80
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/src/pages/CrewsRankingPage/CrewsRankingPage.tsx b/src/pages/CrewsRankingPage/CrewsRankingPage.tsx
@@ -70,10 +70,9 @@ export const CrewsRankingPage = () => {
           />
         ))}
       </PageContent>
-
-      <Modal header={20} isOpen={isOpen} close={() => setIsOpen(false)}>
-        <Modal.Content>
-          {selectedCrewRank && (
+      {selectedCrewRank && (
+        <Modal header={40} isOpen={isOpen} close={() => setIsOpen(false)}>
+          <Modal.Content>
             <RankingModalContent
               profileImageUrl={selectedCrewRank.profileImageUrl}
               name={selectedCrewRank.name}
@@ -90,9 +89,9 @@ export const CrewsRankingPage = () => {
               maxMemberCount={selectedCrewRank.maxMemberCount}
               onDetailButtonClick={handleDetailButtonClick}
             />
-          )}
-        </Modal.Content>
-      </Modal>
+          </Modal.Content>
+        </Modal>
+      )}
     </PageWrapper>
   );
 };