lda.chat/lda-wf
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make interrupt approval the demo hero

Browse Source
This commit is contained in:
lda
2026-07-08 08:08:32 +07:00 Verified
parent 349b84c010
commit 35a7b5cf2e
4 changed files with 72 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/apps/console/src/presentation/styles/demo-workflow.css
+36
View File
@@ -482,6 +482,42 @@
oklch(0.135 0.025 250);
}
.demo-workflow-stage[data-demo-layout="approval"] .demo-workflow-stage__graph,
.demo-workflow-stage[data-demo-layout="interrupt"] .demo-workflow-stage__graph {
grid-template-columns: minmax(19rem, 34%) minmax(0, 1fr);
gap: 1rem;
}
.demo-workflow-stage[data-demo-layout="approval"] .interrupt-contract-preview,
.demo-workflow-stage[data-demo-layout="interrupt"] .interrupt-contract-preview {
grid-column: 1;
grid-row: 1;
}
.demo-workflow-stage[data-demo-layout="approval"] .workflow-graph-stage,
.demo-workflow-stage[data-demo-layout="interrupt"] .workflow-graph-stage {
grid-column: 2;
grid-row: 1;
}
.interrupt-contract-preview[data-hero="true"] {
border-color: color-mix(in oklch, var(--accent-amber) 72%, white);
background:
linear-gradient(180deg, color-mix(in oklch, var(--accent-amber) 14%, transparent), transparent 48%),
color-mix(in oklch, var(--stage-surface) 92%, black);
}
.interrupt-contract-preview[data-hero="true"] h2 {
font-size: clamp(1.45rem, 2.3vw, 2rem);
}
@media (max-width: 1050px) {
.demo-workflow-stage[data-demo-layout="approval"] .demo-workflow-stage__graph,
.demo-workflow-stage[data-demo-layout="interrupt"] .demo-workflow-stage__graph {
grid-template-columns: minmax(17rem, 40%) minmax(0, 1fr);
}
}
.interrupt-contract-preview[data-mode="approval"] {
box-shadow: inset 0 3px 0 var(--accent-amber);
}