修复中心停靠

AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue

@@ -70,8 +70,8 @@
         </button>
       </div>
 
-      <!-- 内容区：可折叠 -->
-      <div class="content-area bg-[#f5f7fb] flex-1 p-4" v-show="!collapsed">
+      <!-- 内容区：可折叠，添加滚动条 -->
+      <div class="content-area bg-[#f5f7fb] flex-1 p-4 overflow-auto min-h-0" v-show="!collapsed">
         <div v-if="content" class="panel-content">
           <div class="mb-4">
             <h3 class="text-lg font-bold mb-2" :style="{ color: content.color }">
@@ -245,6 +245,38 @@ const onDragEnd = () => {
   shape-rendering: crispEdges;
 }
 
+/* 内容区域滚动条样式 */
+.content-area {
+  /* 确保滚动条正确显示 */
+  scrollbar-width: thin;
+  scrollbar-color: #c7d2ea #f5f7fb;
+}
+
+/* Webkit浏览器滚动条样式 */
+.content-area::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+.content-area::-webkit-scrollbar-track {
+  background: #f5f7fb;
+  border-radius: 6px;
+}
+
+.content-area::-webkit-scrollbar-thumb {
+  background: linear-gradient(to bottom, #d0d6ea, #c0c7e0);
+  border: 1px solid #b0b6d6;
+  border-radius: 6px;
+}
+
+.content-area::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(to bottom, #c1c7e2, #b2b8d9);
+}
+
+.content-area::-webkit-scrollbar-corner {
+  background: #f5f7fb;
+}
+
 /* 禁用可能存在的旧伪元素样式 */
 :deep(.icon-square::before),
 :deep(.icon-square::after) {