add

Author: jihe520

frontend/src/components/WriterEditor.vue

@@ -70,7 +70,7 @@ watch(() => props.messages, async (messages) => {
 
 <template>
   <ScrollArea class="h-full overflow-y-auto p-6">
-    <div class="max-w-4xl mx-auto space-y-6">
+    <div class="max-w-4xl mx-auto overflow-y-auto space-y-6">
       <TransitionGroup name="section" tag="div" class="space-y-6">
         <div v-for="section in sortedSections" :key="section.id"
           class="bg-white rounded-lg shadow-lg overflow-hidden transform transition-all duration-500">

frontend/src/pages/task/index.vue

@@ -68,9 +68,9 @@ onBeforeUnmount(() => {
               </Card>
             </TabsContent>
 
-            <TabsContent value="writer" class="flex-1 p-1 min-w-0 h-full">
+            <TabsContent value="writer" class="flex-1 p-1 min-w-0 h-full overflow-auto">
               <Card class="min-w-0 rounded-lg">
-                <CardContent class="p-2 h-full min-w-0 overflow-hidden">
+                <CardContent class="p-2 h-full min-w-0 overflow-auto">
                   <WriterEditor :messages="taskStore.writerMessages" />
                 </CardContent>
               </Card>
@@ -87,7 +87,8 @@ onBeforeUnmount(() => {
 </template>
 
 <style scoped>
-:deep(body), :deep(html) {
+:deep(body),
+:deep(html) {
   overflow: hidden;
   height: 100%;
   margin: 0;