From 714df90b5df8d58b0537b973ecca3dee9d3e8386 Mon Sep 17 00:00:00 2001
From: HiJuwon <wizz2176ytr@naver.com>
Date: Fri, 22 Aug 2025 02:28:31 +0900
Subject: [PATCH 1/2] =?UTF-8?q?#196=20[MOD]=20=EC=83=81=EC=84=B8=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=A2=8C/=EC=9A=B0=20=EC=98=81=EC=97=AD?=
 =?UTF-8?q?=20=EC=B5=9C=EC=86=8C=20=EA=B0=80=EB=A1=9C=20=EB=84=88=EB=B9=84?=
 =?UTF-8?q?=20=EC=A7=80=EC=A0=95=20&=20=EC=B5=9C=EC=83=81=EC=9C=84=20?=
 =?UTF-8?q?=EC=BB=A8=ED=85=8C=EC=9D=B4=EB=84=88=EC=97=90=20overflow-x-auto?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/goal/GoalDetail.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/goal/GoalDetail.tsx b/src/pages/goal/GoalDetail.tsx
index b95a114..566e9bf 100644
--- a/src/pages/goal/GoalDetail.tsx
+++ b/src/pages/goal/GoalDetail.tsx
@@ -340,14 +340,14 @@ const GoalDetail = ({ initialMode }: GoalDetailProps) => {
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <DetailHeader type={'goal'} defaultTitle="목표를 생성하세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="목표를 생성하세요"
@@ -378,7 +378,7 @@ const GoalDetail = ({ initialMode }: GoalDetailProps) => {
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>

From 422aef7681241afa1d325b7e32fd06b4eff736bf Mon Sep 17 00:00:00 2001
From: HiJuwon <wizz2176ytr@naver.com>
Date: Fri, 22 Aug 2025 02:35:00 +0900
Subject: [PATCH 2/2] =?UTF-8?q?#196=20[MOD]=20=EC=A0=84=EC=B2=B4=20?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=AA=A8?=
 =?UTF-8?q?=EB=91=90=20=EC=A2=8C/=EC=9A=B0=20=EC=98=81=EC=97=AD=20?=
 =?UTF-8?q?=EC=B5=9C=EC=86=8C=20width=20=EC=A7=80=EC=A0=95=20&=20=EC=B5=9C?=
 =?UTF-8?q?=EC=83=81=EC=9C=84=20=EC=BB=A8=ED=85=8C=EC=9D=B4=EB=84=88?=
 =?UTF-8?q?=EC=97=90=20overflow-x-auto=20=EC=A0=81=EC=9A=A9=ED=95=98?=
 =?UTF-8?q?=EC=97=AC=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/external/ExternalDetail.tsx           | 8 ++++----
 src/pages/issue/IssueDetail.tsx                 | 8 ++++----
 src/pages/workspace/WorkspaceExternalDetail.tsx | 8 ++++----
 src/pages/workspace/WorkspaceGoalDetail.tsx     | 8 ++++----
 src/pages/workspace/WorkspaceIssueDetail.tsx    | 8 ++++----
 5 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/pages/external/ExternalDetail.tsx b/src/pages/external/ExternalDetail.tsx
index 81b9f2d..230a4e2 100644
--- a/src/pages/external/ExternalDetail.tsx
+++ b/src/pages/external/ExternalDetail.tsx
@@ -476,14 +476,14 @@ const ExternalDetail = ({ initialMode }: ExternalDetailProps) => {
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <DetailHeader type={'external'} defaultTitle="제목을 작성해보세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="제목을 작성해보세요"
@@ -514,7 +514,7 @@ const ExternalDetail = ({ initialMode }: ExternalDetailProps) => {
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>
diff --git a/src/pages/issue/IssueDetail.tsx b/src/pages/issue/IssueDetail.tsx
index 877e3d7..99bc8f8 100644
--- a/src/pages/issue/IssueDetail.tsx
+++ b/src/pages/issue/IssueDetail.tsx
@@ -355,14 +355,14 @@ const IssueDetail = ({ initialMode }: IssueDetailProps) => {
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <DetailHeader type={'issue'} defaultTitle="이슈를 생성하세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="이슈를 생성하세요"
@@ -393,7 +393,7 @@ const IssueDetail = ({ initialMode }: IssueDetailProps) => {
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>
diff --git a/src/pages/workspace/WorkspaceExternalDetail.tsx b/src/pages/workspace/WorkspaceExternalDetail.tsx
index e42e8b9..5e5b15b 100644
--- a/src/pages/workspace/WorkspaceExternalDetail.tsx
+++ b/src/pages/workspace/WorkspaceExternalDetail.tsx
@@ -477,14 +477,14 @@ const WorkspaceExternalDetail = ({ initialMode }: WorkspaceExternalDetailProps)
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <WorkspaceDetailHeader type={'external'} defaultTitle="제목을 작성해보세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="제목을 작성해보세요"
@@ -515,7 +515,7 @@ const WorkspaceExternalDetail = ({ initialMode }: WorkspaceExternalDetailProps)
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>
diff --git a/src/pages/workspace/WorkspaceGoalDetail.tsx b/src/pages/workspace/WorkspaceGoalDetail.tsx
index c0a8e42..93c3ee9 100644
--- a/src/pages/workspace/WorkspaceGoalDetail.tsx
+++ b/src/pages/workspace/WorkspaceGoalDetail.tsx
@@ -343,14 +343,14 @@ const WorkspaceGoalDetail = ({ initialMode }: WorkspaceGoalDetailProps) => {
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <WorkspaceDetailHeader type={'goal'} defaultTitle="목표를 생성하세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="목표를 생성하세요"
@@ -381,7 +381,7 @@ const WorkspaceGoalDetail = ({ initialMode }: WorkspaceGoalDetailProps) => {
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>
diff --git a/src/pages/workspace/WorkspaceIssueDetail.tsx b/src/pages/workspace/WorkspaceIssueDetail.tsx
index 9be35d6..35e7401 100644
--- a/src/pages/workspace/WorkspaceIssueDetail.tsx
+++ b/src/pages/workspace/WorkspaceIssueDetail.tsx
@@ -355,14 +355,14 @@ const WorkspaceIssueDetail = ({ initialMode }: WorkspaceIssueDetailProps) => {
   };
 
   return (
-    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem]">
+    <div className="flex flex-1 flex-col min-h-max gap-[5.7rem] w-full px-[3.2rem] pt-[3.2rem] overflow-x-auto basic-scroll">
       {/* 상세페이지 헤더 */}
       <WorkspaceDetailHeader type={'issue'} defaultTitle="이슈를 생성하세요" title={title} />
 
       {/* 상세페이지 메인 */}
-      <div className="flex px-[3.2rem] gap-[8.8rem] w-full min-h-max">
+      <div className="flex px-[3.2rem] gap-[8.8rem] w-ful min-w-max min-h-max">
         {/* 상세페이지 좌측 영역 - 제목 & 상세설명 & 댓글 */}
-        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-h-max">
+        <div className="flex flex-col flex-1 gap-[3.2rem] w-[calc(100%-33rem)] min-w-[40rem] min-h-max">
           {/* 상세페이지 제목 */}
           <DetailTitle
             defaultTitle="이슈를 생성하세요"
@@ -393,7 +393,7 @@ const WorkspaceIssueDetail = ({ initialMode }: WorkspaceIssueDetailProps) => {
         </div>
 
         {/* 상세페이지 우측 영역 - 속성 탭 & 하단의 작성 완료 버튼 */}
-        <div className="w-[33rem] flex flex-col min-h-max">
+        <div className="min-w-[33rem] flex flex-col min-h-max">
           {/* 속성 탭 */}
           <div className="w-full h-full flex flex-col gap-[1.6rem] ">
             <div className="w-full font-title-sub-r text-gray-600">속성</div>