style(domain/enrollment-check): 등록확인 삭제 col 제거

ISSUES CLOSED: #131
newnivers · Feb 1, 2024 · edd0219 · edd0219
1 parent 32bb662
commit edd0219
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/components/domains/enrollment-check/table/deleteAdmin/index.tsx b/components/domains/enrollment-check/table/deleteAdmin/index.tsx
@@ -1,7 +1,7 @@
 import styled, { css } from "styled-components";
 
 export function DeleteAdmin() {
-  return <DeleteButton>삭제하기</DeleteButton>;
+  return <DeleteButton disabled>삭제하기</DeleteButton>;
 }
 
 const DeleteButton = styled.button`
@@ -17,6 +17,10 @@ const DeleteButton = styled.button`
       border: 1px solid ${colors.secondary[400]};
       border-radius: 4px;
       color: ${colors.secondary[400]};
+
+      &:disabled {
+        cursor: not-allowed;
+      }
     `;
   }}
 `;
diff --git a/components/domains/enrollment-check/table/index.tsx b/components/domains/enrollment-check/table/index.tsx
@@ -17,13 +17,13 @@ const column: ColumnDef<any>[] = [
     accessorFn: (row) => row.created_at,
     size: 84,
   },
-  { id: "genre", header: "장르", accessorFn: (row) => row.genre, size: 70 },
+  { id: "genre", header: "장르", accessorFn: (row) => row.genre, size: 80 },
   { id: "title", header: "작품명", accessorFn: (row) => row.title, size: 245 },
   {
     id: "createdBy",
     header: "관리자명",
     accessorFn: (row) => row.createdBy,
-    size: 58,
+    size: 60,
   },
   {
     id: "status",
@@ -37,15 +37,15 @@ const column: ColumnDef<any>[] = [
     accessorFn: (row) => row.selling,
     size: 132,
   },
-  {
-    id: "admin",
-    header: "관리",
-    accessorFn: (row) => row.admin,
-    size: 72,
-    cell(props) {
-      return <DeleteAdmin />;
-    },
-  },
+  // {
+  //   id: "admin",
+  //   header: "관리",
+  //   accessorFn: (row) => row.admin,
+  //   size: 72,
+  //   cell(props) {
+  //     return <DeleteAdmin />;
+  //   },
+  // },
 ];
 
 export function EnrollmentCheckTable() {
@@ -98,6 +98,6 @@ export function EnrollmentCheckTable() {
 }
 
 const TableContainer = styled.div`
-  height: 600px;
+  max-height: 600px;
   overflow: scroll;
 `;