From bbd11af82eda1d06f9dd5db1d5703ba26fd26d2b Mon Sep 17 00:00:00 2001
From: Eugene Kim <eugene02876@gmail.com>
Date: Thu, 29 Aug 2024 01:42:33 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/admin/app/global.css                                | 3 +++
 apps/admin/app/studies/[studyId]/page.tsx                | 2 +-
 .../[studyId]/_components/StudyInfoBox/StudyTimeline.tsx | 2 --
 .../[studyId]/_components/StudyInfoBox/index.tsx         | 9 ++++++++-
 apps/admin/app/studies/detail-info/[studyId]/layout.tsx  | 7 ++++++-
 5 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/apps/admin/app/global.css b/apps/admin/app/global.css
index 668ebfef..1fa83117 100644
--- a/apps/admin/app/global.css
+++ b/apps/admin/app/global.css
@@ -8,3 +8,6 @@ body {
   flex-direction: row;
   min-height: 100vh;
 }
+::-webkit-scrollbar {
+  display: none;
+}
diff --git a/apps/admin/app/studies/[studyId]/page.tsx b/apps/admin/app/studies/[studyId]/page.tsx
index 4e552102..6514a528 100644
--- a/apps/admin/app/studies/[studyId]/page.tsx
+++ b/apps/admin/app/studies/[studyId]/page.tsx
@@ -11,7 +11,7 @@ import Header from "./_components/header/Header";
 const StudyPage = ({ params }: { params: { studyId: string } }) => {
   const { studyId } = params;
   return (
-    <Flex direction="column" gap="64px" overflow="scroll" scrollbarWidth="none">
+    <Flex direction="column" gap="64px">
       <Header studyId={studyId} />
       <CheckAttendanceNumber />
       <Divider style={MinHeightFullDividerStyle} />
diff --git a/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/StudyTimeline.tsx b/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/StudyTimeline.tsx
index b329f578..4a85301a 100644
--- a/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/StudyTimeline.tsx
+++ b/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/StudyTimeline.tsx
@@ -38,6 +38,4 @@ const CurriculumTimelineStyle = css({
   alignItems: "center",
   padding: "xs",
   gap: "xs",
-  borderRight: "1px solid",
-  borderColor: "outline",
 });
diff --git a/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/index.tsx b/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/index.tsx
index c205860e..4f941778 100644
--- a/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/index.tsx
+++ b/apps/admin/app/studies/detail-info/[studyId]/_components/StudyInfoBox/index.tsx
@@ -31,8 +31,9 @@ const StudyInfoBox = ({
   return (
     <section aria-label="create-detailInfo-box" className={StudyInfoBoxStyle}>
       <div className={StudyInfoBoxWeekStyle}>{week}주차</div>
-      <Flex width="100%">
+      <Flex maxHeight={41} width="100%">
         <StudyTimeLine period={period} />
+        <div className={VerticalSectionStyle} />
         <StudyInfoStatus index={index} />
       </Flex>
       <StudyInfoDifficulty index={index} />
@@ -62,3 +63,9 @@ const StudyInfoBoxWeekStyle = css({
   alignItems: "center",
   padding: "xs",
 });
+
+const VerticalSectionStyle = css({
+  width: "1px",
+  height: "41px",
+  backgroundColor: "outline",
+});
diff --git a/apps/admin/app/studies/detail-info/[studyId]/layout.tsx b/apps/admin/app/studies/detail-info/[studyId]/layout.tsx
index 967b397a..e432b3d2 100644
--- a/apps/admin/app/studies/detail-info/[studyId]/layout.tsx
+++ b/apps/admin/app/studies/detail-info/[studyId]/layout.tsx
@@ -6,7 +6,7 @@ const StudyDetailInfoLayout = ({
   modal: React.ReactNode;
 }>) => {
   return (
-    <main>
+    <main style={MainLayoutStyle}>
       {children}
       {modal}
     </main>
@@ -14,3 +14,8 @@ const StudyDetailInfoLayout = ({
 };
 
 export default StudyDetailInfoLayout;
+
+const MainLayoutStyle = {
+  height: "100vh",
+  overflow: "auto",
+};