完善模板编辑与模型管理体验

web/src/views/PreviewEdit.vue

@@ -242,6 +242,11 @@ onBeforeUnmount(() => {
 <style scoped>
 .detail-page {
   padding: 24px;
+  height: calc(100vh - 52px);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
 }
 
 .detail-head {
@@ -299,26 +304,35 @@ onBeforeUnmount(() => {
 .preview-card {
   margin-bottom: 16px;
   border-radius: 18px;
+  flex-shrink: 0;
 }
 
 .detail-layout {
   display: flex;
   gap: 16px;
   align-items: flex-start;
+  min-height: 0;
+  flex: 1;
+  overflow: hidden;
 }
 
 .detail-left {
   width: 360px;
   flex-shrink: 0;
+  height: 100%;
+  min-height: 0;
 }
 
 .detail-right {
   min-width: 0;
   flex: 1;
+  height: 100%;
+  min-height: 0;
 }
 
 .left-card {
   border-radius: 18px;
+  height: 100%;
 }
 
 .status-message {
@@ -416,7 +430,7 @@ onBeforeUnmount(() => {
   border-radius: 14px;
   background: #fff;
   border: 1px solid #e5e7eb;
-  min-height: 480px;
+  min-height: 100%;
 }
 
 .preview-section-head {
@@ -444,6 +458,20 @@ onBeforeUnmount(() => {
   margin-bottom: 14px;
 }
 
+:deep(.left-card .ant-card-body) {
+  height: calc(100% - 57px);
+  overflow-y: auto;
+}
+
+:deep(.preview-card) {
+  height: 100%;
+}
+
+:deep(.preview-card .ant-card-body) {
+  height: calc(100% - 57px);
+  overflow-y: auto;
+}
+
 :deep(.result-text) {
   margin: 0 0 12px;
   line-height: 1.8;