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 e9fc0bd810
commit 7257f41eb8
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
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;
}