From 7257f41eb8ca3bbdcc05293b11f3f621cbdf49f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AD=90=E9=BB=98?= <925456043@qq.com>
Date: Wed, 2 Sep 2026 16:47:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=E5=BC=B9=E7=AA=97=E5=B0=8F=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ai/workflow/WorkflowList.vue    | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue b/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
index b308be65..c3e31171 100644
--- a/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
+++ b/easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
@@ -1407,6 +1407,7 @@ function handleHeaderButtonClick(data: any) {
     />
     <ElDialog
       v-model="apiInstructionVisible"
+      append-to-body
       width="min(960px, calc(100vw - 32px))"
       class="workflow-api-dialog"
       :footer="false"
@@ -1911,7 +1912,9 @@ button.workflow-scope-chip:disabled {
 }
 
 .workflow-api-markdown-wrap {
-  max-height: min(76vh, 760px);
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   padding: var(--space-5) 36px var(--space-8);
   overflow-y: auto;
   font-size: 14px;
@@ -2115,6 +2118,12 @@ button.workflow-scope-chip:disabled {
 }
 
 :global(.workflow-api-dialog.el-dialog) {
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  max-height: 90dvh;
+  margin: 5vh auto !important;
+  margin: 5dvh auto !important;
   overflow: hidden;
   background: hsl(var(--modal-surface));
   border: 1px solid hsl(var(--modal-shell-border-soft));
@@ -2123,12 +2132,17 @@ button.workflow-scope-chip:disabled {
 }
 
 :global(.workflow-api-dialog .el-dialog__header) {
+  flex: 0 0 auto;
   padding: var(--space-5) var(--space-6);
   margin-right: 0;
   border-bottom: 1px solid hsl(var(--modal-divider));
 }
 
 :global(.workflow-api-dialog .el-dialog__body) {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
   max-height: none;
   padding: 0;
   overflow: hidden;
@@ -2137,32 +2151,17 @@ button.workflow-scope-chip:disabled {
 
 @media (max-width: 767px) {
   :global(.workflow-api-dialog.el-dialog) {
-    display: flex;
-    flex-direction: column;
     width: calc(100vw - 16px) !important;
-    max-height: calc(
-      100vh - var(--easyflow-header-height, 0px) - var(--space-4)
-    );
-    margin: calc(var(--easyflow-header-height, 0px) + var(--space-2)) auto
-      var(--space-2) !important;
+    max-height: calc(100vh - var(--space-4));
+    max-height: calc(100dvh - var(--space-4));
+    margin: var(--space-2) auto !important;
   }
 
   :global(.workflow-api-dialog .el-dialog__header) {
-    flex: 0 0 auto;
     padding: var(--space-4) 18px;
   }
 
-  :global(.workflow-api-dialog .el-dialog__body) {
-    display: flex;
-    flex-direction: column;
-    flex: 1 1 auto;
-    min-height: 0;
-  }
-
   .workflow-api-markdown-wrap {
-    flex: 1 1 auto;
-    min-height: 0;
-    max-height: none;
     padding: var(--space-4) 18px var(--space-6);
     scrollbar-gutter: auto;
   }