fix: compact workflow run detail layout

This commit is contained in:
2026-06-22 00:04:17 +08:00
parent c1afde1187
commit 328884d637
@@ -927,7 +927,7 @@ defineExpose({ open });
.workflow-run-detail-dialog .run-json { .workflow-run-detail-dialog .run-json {
background: hsl(var(--muted)); background: hsl(var(--muted));
border-radius: 6px; border-radius: 6px;
max-height: 180px; max-height: 120px;
overflow: auto; overflow: auto;
padding: 8px; padding: 8px;
white-space: pre-wrap; white-space: pre-wrap;
@@ -947,14 +947,27 @@ defineExpose({ open });
} }
.workflow-run-detail-dialog .run-report-json { .workflow-run-detail-dialog .run-report-json {
min-height: 120px; min-height: 72px;
max-height: 240px; max-height: 120px;
}
.workflow-run-detail-dialog .run-report-grid > div:last-child .space-y-2 {
max-height: 58px;
overflow: auto;
padding-right: 2px;
}
.workflow-run-detail-dialog .run-report-grid > div:last-child .space-y-2 > div {
padding: 6px 10px;
} }
.workflow-run-detail-dialog .collaboration-timeline { .workflow-run-detail-dialog .collaboration-timeline {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 6px;
max-height: 78px;
overflow: auto;
padding-right: 2px;
} }
.workflow-run-detail-dialog .collaboration-item { .workflow-run-detail-dialog .collaboration-item {
@@ -966,7 +979,7 @@ defineExpose({ open });
border: 1px solid var(--el-border-color-lighter); border: 1px solid var(--el-border-color-lighter);
border-radius: 6px; border-radius: 6px;
background: var(--el-fill-color-blank); background: var(--el-fill-color-blank);
padding: 8px 10px; padding: 6px 10px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
} }
@@ -1014,12 +1027,12 @@ defineExpose({ open });
} }
.workflow-run-detail-dialog .collaboration-flow-node { .workflow-run-detail-dialog .collaboration-flow-node {
flex: 0 0 190px; flex: 0 0 170px;
min-width: 0; min-width: 0;
border: 1px solid var(--el-border-color-lighter); border: 1px solid var(--el-border-color-lighter);
border-radius: 8px; border-radius: 8px;
background: var(--el-fill-color-blank); background: var(--el-fill-color-blank);
padding: 10px; padding: 8px 10px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
transition: transition:
@@ -1076,7 +1089,7 @@ defineExpose({ open });
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 1;
} }
.workflow-run-detail-dialog .collaboration-edge-list { .workflow-run-detail-dialog .collaboration-edge-list {