[Style] 예정된 토너먼트 없을 시 텍스트 스타일 수정 #1159

42organization · Dec 18, 2023 · 88c76f0 · 88c76f0
1 parent 40abe95
commit 88c76f0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/pages/tournament.tsx b/pages/tournament.tsx
@@ -80,7 +80,9 @@ export default function Tournament() {
       <div className={styles.tournamentContainer}>
         <div className={styles.tournamentText}> 예정된 토너먼트 </div>
         {waitInfo.data?.tournaments.length === 0 ? (
-          <h4 className={styles.tournamentText}>예정된 토너먼트가 없습니다.</h4>
+          <h4 className={styles.noTournamentText}>
+            예정된 토너먼트가 없습니다.
+          </h4>
         ) : (
           waitInfo.data?.tournaments.map((tournament) => (
             <div className={styles.cardContainer} key={tournament.tournamentId}>
@@ -91,7 +93,7 @@ export default function Tournament() {
         <div className={styles.tournamentText}> 진행중인 토너먼트 </div>
         <div className={styles.openTournamentBox} ref={containerRef}>
           {openInfo.data && openInfo.data.tournaments?.length === 0 ? (
-            <div className={styles.tournamentText}>
+            <div className={styles.noTournamentText}>
               진행중인 토너먼트가 없습니다
             </div>
           ) : (

diff --git a/styles/tournament/TournamentContainer.module.scss b/styles/tournament/TournamentContainer.module.scss
@@ -40,3 +40,9 @@
     margin-bottom: 0rem;
   }
 }
+
+.noTournamentText {
+  display: flex;
+  color: white;
+  justify-content: center;
+}