[Style] 위치 수정 #1232

42organization · Jan 9, 2024 · c29ee05 · c29ee05
1 parent 4ef214f
commit c29ee05
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/pages/tournament.tsx b/pages/tournament.tsx
@@ -15,7 +15,14 @@ export default function Tournament() {
 
   return (
     <div className={styles.pageWrap}>
-      <h1 className={styles.title}>Tournament</h1>
+      <div className={styles.titleWrap}>
+        <h1 className={styles.title}>Tournament</h1>
+        <div className={styles.buttonWrap}>
+          <button className={styles.manual} onClick={openManual}>
+            경기 규칙
+          </button>
+        </div>
+      </div>
       <div className={styles.tournamentText}> 예정된 토너먼트 </div>
       {data?.beforeTournament.length === 0 ? (
         <div className={styles.noTournamentText}>
@@ -31,12 +38,6 @@ export default function Tournament() {
         </div>
       )}
       <div className={styles.tournamentText}> 진행중인 토너먼트 </div>
-      <div className={styles.buttonWrap}>
-        <button className={styles.manual} onClick={openManual}>
-          {' '}
-          경기 규칙
-        </button>
-      </div>
       {data?.liveTournament?.length === 0 ? (
         <div className={styles.noTournamentText}>
           진행중인 토너먼트가 없습니다.

diff --git a/styles/tournament/TournamentContainer.module.scss b/styles/tournament/TournamentContainer.module.scss
@@ -4,11 +4,15 @@
   @include pageWrap;
 }
 
-.title {
-  @include pageTitle;
-  width: fit-content;
-  padding-bottom: 1rem;
-  cursor: pointer;
+.titleWrap {
+  display: flex;
+  justify-content: space-between;
+  .title {
+    @include pageTitle;
+    width: fit-content;
+    padding-bottom: 1rem;
+    cursor: pointer;
+  }
 }
 
 .tournamentCardContainer {
@@ -47,7 +51,6 @@
   display: flex;
   margin-right: 0.6rem;
   margin-bottom: 1rem;
-  justify-content: flex-end;
   align-items: center;
 
   .manual {