fix bug

Author: jihe520

frontend/src/components/CoderEditor.vue

@@ -24,12 +24,12 @@ const handleCollapse = () => {
 </script>
 <template>
   <SidebarProvider :collapsed="isCollapsed">
-    <div class="flex h-screen">
+    <div class="flex h-full min-h-0 w-full min-w-0">
       <div :class="[
         'transition-all duration-300 overflow-hidden',
-        isCollapsed ? 'w-0' : 'w-64'
+        isCollapsed ? 'w-0' : 'w-44'
       ]">
-        <Files class="w-55 border-r h-full" />
+        <Files class="w-44 border-r h-full" />
       </div>
       <SidebarInset class="flex-1 flex flex-col min-h-0 min-w-0">
         <header class="flex h-10 shrink-0 items-center gap-2 border-b px-4">

frontend/src/components/NotebookArea.vue

@@ -94,17 +94,17 @@ onMounted(async () => {
 
 
 <template>
-  <div class="flex-1 bg-gray-50">
+  <div class="flex-1 px-1 pt-1 bg-gray-50">
     <!-- 遍历所有单元格 -->
-    <div v-for="(cell, index) in cells" :key="index" class="transform transition-all duration-200 hover:shadow-lg">
+    <div v-for="(cell, index) in cells" :key="index" class="transform transition-all duration-200 hover:shadow-lg py-1">
       <div :class="[
         'bg-white rounded-lg shadow-sm overflow-hidden',
         'border border-gray-200 hover:border-blue-300',
         cell.type === 'code' ? 'code-cell' : 'markdown-cell'
       ]">
         <!-- 单元格头部 -->
         <div
-          class="px-4 py-2 flex items-center justify-between bg-gradient-to-r from-gray-50 to-white border-b border-gray-200">
+          class="px-3 py-1 flex items-center justify-between bg-gradient-to-r from-gray-50 to-white border-b border-gray-200">
           <div class="flex items-center space-x-2">
             <span :class="[
               'px-2 py-1 rounded text-xs font-medium',

frontend/src/pages/task/index.vue

@@ -104,7 +104,7 @@ const writerMessages = computed(() =>
             </TabsList>
           </div>
 
-          <TabsContent value="coder" class="flex-1 p-1 min-w-0">
+          <TabsContent value="coder" class="flex-1 p-1 min-w-0 h-full">
             <Card class="h-full min-w-0">
               <CardContent class="p-2 h-full min-w-0">
                 <CoderEditor class="h-full min-w-0" />