🔨 : 게임 종료 시 게임 결과 테이블에 x 표시 추가

boostcampwm-2021 · Nov 25, 2021 · 9149b91 · 9149b91
1 parent a747459
commit 9149b91
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/front-end/src/components/Modal/index.tsx b/front-end/src/components/Modal/index.tsx
@@ -48,7 +48,16 @@ const Modal = forwardRef(
                 </button>
               </div>
             )}
-            {type === 'rank' && <div className="modal__title">[{title}]</div>}
+            {type === 'rank' && (
+              <div className="modal__title">
+                <div>
+                  [{title}]
+                  <button className="close__btn" onClick={close}>
+                      X
+                  </button>
+                </div>
+              </div>
+            )}
             {children}
           </div>
         </div>

diff --git a/front-end/src/pages/GamePage/style.scss b/front-end/src/pages/GamePage/style.scss
@@ -96,5 +96,12 @@
         color: #1C2137;
       }
     }
+
+    & .close__btn {
+      cursor: pointer;
+      left: 140px;
+      top: -13px;
+      position: relative;
+    }
   }
 }