fix: 테이블 스타일 수정

Nexters · Nov 30, 2024 · ee532ea · ee532ea
1 parent 6a299f8
commit ee532ea
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/apps/admin/src/components/EnteranceTable/EnteranceTable.styles.ts b/apps/admin/src/components/EnteranceTable/EnteranceTable.styles.ts
@@ -3,9 +3,8 @@ import styled from '@emotion/styled';
 
 const Container = styled.table`
   table-layout: auto;
-  margin: 16px 0;
+  margin-bottom: 16px;
   width: ${({ theme }) => theme.breakpoint.desktop};
-  height: 547px;
 `;
 
 const HeaderRow = styled.tr`
@@ -51,7 +50,7 @@ const Empty = styled.div`
   top: 50%;
   left: 50%;
   display: flex;
-  transform: translateX(-50%);
+  transform: translateX(-50%) translateY(46px);
   flex-direction: column;
   flex: 1;
   justify-content: center;

diff --git a/apps/admin/src/components/ReservationTable/ReservationTable.styles.ts b/apps/admin/src/components/ReservationTable/ReservationTable.styles.ts
@@ -3,9 +3,8 @@ import styled from '@emotion/styled';
 
 const Container = styled.table`
   table-layout: auto;
-  margin: 16px 0;
+  margin-bottom: 16px;
   width: ${({ theme }) => theme.breakpoint.desktop};
-  height: 547px;
 `;
 
 const HeaderRow = styled.tr`
@@ -56,7 +55,7 @@ const Empty = styled.div`
   top: 50%;
   left: 50%;
   display: flex;
-  transform: translateX(-50%);
+  transform: translateX(-50%) translateY(46px);
   flex-direction: column;
   flex: 1;
   justify-content: center;

diff --git a/apps/admin/src/pages/ShowEnterancePage/ShowEnterancePage.styles.ts b/apps/admin/src/pages/ShowEnterancePage/ShowEnterancePage.styles.ts
@@ -227,6 +227,8 @@ const TableContainer = styled.div`
   ${mq_lg} {
     display: block;
     width: 100%;
+    margin-top: 16px;
+    height: 567px;
     overflow-x: scroll;
     &::-webkit-scrollbar {
       display: none;

diff --git a/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.styles.ts b/apps/admin/src/pages/ShowReservationPage/ShowReservationPage.styles.ts
@@ -212,6 +212,8 @@ const TableContainer = styled.div`
   ${mq_lg} {
     display: block;
     width: 100%;
+    margin-top: 16px;
+    height: 567px;
     overflow-x: scroll;
     &::-webkit-scrollbar {
       display: none;