EasyFlow-Tech-Dev/EasyFlow
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复接口说明弹窗小窗口展示

Browse Source
This commit is contained in:
陈子默
2026-09-02 16:47:09 +08:00
parent 6498f1049a
commit 1dd0ac167c
1 changed files with 18 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
easyflow-ui-admin/app/src/views/ai/workflow/WorkflowList.vue
View File

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