🐛 [fix] 부가설명 칸 벗어나는 오류 수정 및 Vue Warning 제거

Author: seorang42

src/components/charts/LineChart.vue

@@ -57,13 +57,26 @@ const teamData = {
   ]
 }
 
+const calculateStepSize = (data: number[]) => {
+  const max = Math.max(...data)
+  const min = Math.min(...data)
+  const range = max - min
+
+  if (range <= 10) return 1
+  if (range <= 100) return 5
+  if (range <= 1000) return 50
+  return Math.ceil(range / 10)
+}
+
 const options = {
   responsive: true,
   maintainAspectRatio: false,
   scales: {
     y: {
       ticks: {
-        stepSize: 1
+        stepSize: calculateStepSize(series),
+        maxTicksLimit: 10,
+        autoSkip: true
       },
       suggestedMax: Math.max(...series) + 1
     }

src/components/common/TaskCard.vue

@@ -36,8 +36,7 @@
   <TaskDetail
     v-if="selectedID"
     :selected-id="selectedID"
-    :close-task-detail="() => handleModal(null)"
-    click.stop />
+    :close-task-detail="() => handleModal(null)" />
 </template>
 
 <script setup lang="ts">

src/components/my-request/MyRequestListCard.vue

@@ -13,7 +13,6 @@
   </div>
   <TaskDetail
     v-if="selectedID"
-    :is-approved="info.taskStatus !== 'REQUESTED'"
     :selected-id="selectedID"
     :close-task-detail="() => handleModal(null)" />
 </template>

src/components/my-task/MyTaskListCard.vue

@@ -13,7 +13,6 @@
   </div>
   <TaskDetail
     v-if="selectedID"
-    :is-approved="info.taskStatus !== 'REQUESTED'"
     :selected-id="selectedID"
     :close-task-detail="() => handleModal(null)" />
 </template>

src/components/request-history/RequestHistoryListCard.vue

@@ -13,7 +13,6 @@
   </div>
   <TaskDetail
     v-if="selectedID"
-    :is-approved="info.taskStatus !== 'REQUESTED'"
     :selected-id="selectedID"
     :close-task-detail="() => handleModal(null)" />
 </template>

src/components/requested/RequestedListCard.vue

@@ -29,7 +29,6 @@
   </div>
   <TaskDetail
     v-if="selectedID"
-    :is-approved="true"
     :selected-id="selectedID"
     :close-task-detail="() => handleModal(null)" />
   <ModalView

src/components/task-detail/TaskDetailLeft.vue

@@ -14,7 +14,8 @@
     </div>
     <div v-if="data.description">
       <p class="task-detail">부가 설명</p>
-      <p class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px] whitespace-pre-wrap">
+      <p
+        class="px-6 py-4 bg-primary2 rounded-lg font-normal min-h-[120px] whitespace-pre-wrap break-all">
         {{ data.description }}
       </p>
     </div>