[Style] 스타일 수정 #738

42organization · Mar 10, 2023 · 3b427f2 · 3b427f2
1 parent f2328f5
commit 3b427f2
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 17 deletions.
diff --git a/components/admin/games/GamesTable.tsx b/components/admin/games/GamesTable.tsx
@@ -33,7 +33,7 @@ export default function GamesTable() {
   const getAllGames = useCallback(async () => {
     try {
       const res = await instance.get(
-        `pingpong/admin/games?season=0&page=${currentPage}&size=10`
+        `pingpong/admin/games?season=0&page=${currentPage}&size=5`
       );
 
       setGameInfo({

diff --git a/styles/admin/games/GamesTable.module.scss b/styles/admin/games/GamesTable.module.scss
@@ -1,8 +1,11 @@
 @import 'styles/admin/common/Pagination.module.scss';
 
 .gamesWrap {
+  display: flex;
+  flex-direction: column;
   width: '100%';
   height: '100%';
+  color: black;
 
   .header {
     width: 700px;
@@ -16,28 +19,71 @@
     font-size: 18px;
     line-height: 150%;
   }
-  .tableContainer {
+  .tableWrap {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
     width: 700px;
-    margin: auto;
-    .table {
-      min-width: 700px;
-      .tableHeader {
-        background-color: lightgray;
-        .tableHeaderItem {
-          padding: 10px;
-          text-align: center;
-          font-weight: 600;
-          font-size: 14px;
-          line-height: 150%;
-        }
+    height: 600px;
+    margin: 10px auto;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
+    border-radius: 10px;
+    .tableRow {
+      display: flex;
+      justify-content: flex-end;
+      height: 100px;
+      padding: 0 10px;
+      .gameId {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 40px;
+        width: 40px;
+        margin: 20px 30px;
+        background-color: #eff0f3;
+        border-radius: 5px;
       }
-      .tableBody {
-        .tableBodyItem {
-          padding: 10px;
+      .gameInfo {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        background-color: #eff0f3;
+        padding: 0 0 0 11px;
+        height: 100px;
+        width: 200px;
+      }
+      .tableTeam {
+        height: 100px;
+        width: 200px;
+        :nth-child(1) {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border: 1px solid #e5e7eb;
+          background: #f9fafb;
+          height: 30%;
+        }
+        :nth-child(2) {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 70%;
           text-align: center;
           line-height: 150%;
         }
       }
+      .win {
+        background: #e6faf1;
+        border: 1px solid #aedcc7;
+      }
+      .lose {
+        background: #f9eded;
+        border: 1px solid #efc4c4;
+      }
+      .normal {
+        background-color: white;
+        border: 1px solid #e5e7eb;
+      }
     }
   }
 }