feat: height 스타일 변경

squash
woowacourse-teams · Oct 16, 2024 · 4288903 · 4288903
1 parent 4197999
commit 4288903
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/frontend/src/components/dashboard/ProcessBoard/style.ts b/frontend/src/components/dashboard/ProcessBoard/style.ts
@@ -3,19 +3,21 @@ import styled from '@emotion/styled';
 const Container = styled.div`
   display: flex;
   flex-direction: column;
+
+  overflow-x: scroll;
+  overflow-y: visible;
+
+  height: 100%;
 `;
 
 const ColumnWrapper = styled.div`
   width: 100%;
   height: 100%;
   background-color: white;
   display: flex;
-  gap: 2.4rem;
+  gap: 2rem;
 
   padding-bottom: 1.2rem;
-
-  overflow-x: scroll;
-  overflow-y: visible;
 `;
 
 const S = {

diff --git a/frontend/src/components/dashboard/ProcessColumn/style.ts b/frontend/src/components/dashboard/ProcessColumn/style.ts
@@ -2,21 +2,15 @@ import styled from '@emotion/styled';
 import { hideScrollBar } from '@styles/utils';
 
 const ProcessWrapper = styled.section<{ isPassedColumn: boolean }>`
-  width: 100%;
+  width: 28rem;
   min-width: 28rem;
-  max-width: 28rem;
-
   height: 100%;
 
   padding: 1.2rem;
   border-radius: 0.8rem;
   border: 0.1rem solid ${({ theme }) => theme.baseColors.grayscale[400]};
   background-color: ${({ theme, isPassedColumn = false }) =>
     isPassedColumn ? '#F9FFF9' : theme.baseColors.grayscale[50]};
-
-  overflow-y: scroll;
-  overflow-x: visible;
-  ${hideScrollBar};
 `;
 
 const Header = styled.header`
@@ -38,11 +32,18 @@ const Title = styled.h2`
 
 const ApplicantList = styled.ul`
   width: 100%;
+  height: 100%;
+  max-height: 85%;
+
   display: flex;
   flex-direction: column;
   padding: 0.4rem;
 
   gap: 1.2rem;
+
+  overflow-y: scroll;
+  overflow-x: visible;
+  ${hideScrollBar};
 `;
 
 const S = {