refactor: 调整布局为滚动并固定面板高度

src/views/doc/components/aa.vue

@@ -529,9 +529,10 @@
 
   .converter-layout {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     gap: 2rem;
     margin-top: 0.5rem;
+    overflow-x: auto;
   }
 
   .editor-panel {
@@ -689,6 +690,10 @@
     border: 1px solid #eef2ff;
     display: flex;
     flex-direction: column;
+    position: sticky;
+    top: 20px;
+    max-height: calc(100vh - 80px);
+    overflow-y: auto;
   }
 
   .images-grid {