psc/Aethera
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
种太阳的热带美短
2026-08-26 14:11:26 +08:00
parent 513f838874
commit 6a6a106dda
9 changed files with 412 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp_gallery/src/styles.css
+27 -9
View File
@@ -202,6 +202,7 @@ canvas { display: block; width: 100%; height: 100%; background: #070d18; }
.taskflowDagSection { min-width: 640px; overflow: visible; border: 1px solid #213653; border-radius: 10px; background: #07101c; }
.taskflowDagToolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border-bottom: 1px solid #213653; background: #0c1727; }
.taskflowDagToolbar button { flex: none; padding: 6px 9px; color: #b9cce3; border: 1px solid #36516f; border-radius: 6px; background: #132238; cursor: pointer; }
.taskflowDagActions { display: flex; flex: none; align-items: center; gap: 9px; }
.taskflowLegend { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: #8298b4; font-size: 10px; }
.taskflowLegend span { display: inline-flex; align-items: center; gap: 5px; }
.taskflowLegend i { width: 10px; height: 10px; border: 1px solid #304766; border-radius: 3px; background: #0e1a2b; }
@@ -260,16 +261,11 @@ canvas { display: block; width: 100%; height: 100%; background: #070d18; }
.taskflowTable th { color: #71839e; font-weight: 500; }
.taskflowTable td { color: #c7d5e7; font-family: ui-monospace, monospace; }
.standaloneTaskflowPage { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; overflow: hidden; background: #050912; }
.standaloneTaskflowPage > .workspacePane { flex: 1; min-height: 0; }
.taskflowStandalonePane .taskflowFramePane { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.taskflowDagSectionFill { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.taskflowDagFullscreen { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; overflow: hidden; border: 0; border-radius: 0; background: #07101c; }
.taskflowDagFullscreen .taskflowDagToolbar { flex: none; }
.taskflowDagFullscreen .taskflowDagFill { flex: 1; min-height: 0; cursor: zoom-out; }
.taskflowDagSection:not(.taskflowDagFullscreen) .taskflowDag { cursor: zoom-in; }
.taskflowDagFill { flex: 1; min-height: 0; }
.standaloneTaskflowHeader { display: flex; flex: none; align-items: center; gap: 18px; padding: 14px 18px; border-bottom: 1px solid #24324a; background: #07101b; }
.standaloneTaskflowHeader h1 { font-size: 26px; }
.standaloneTaskflowHeader label { display: flex; align-items: center; gap: 8px; margin-left: auto; color: #91a5c0; font-size: 11px; }
.standaloneTaskflowHeader select, .standaloneTaskflowHeader button { padding: 8px 10px; color: #dce8f8; border: 1px solid #304664; border-radius: 7px; background: #101c2d; }
.standaloneTaskflowHeader button { cursor: pointer; }
.componentCard { margin-bottom: 13px; overflow: hidden; border: 1px solid #213653; border-radius: 11px; background: #0a1422; }
@@ -326,3 +322,25 @@ canvas { display: block; width: 100%; height: 100%; background: #070d18; }
.stateList > div { grid-template-columns: 1fr; gap: 6px; }
.stateList dd { text-align: left; }
}
/* Taskflow diagnostic nodes: text selection + explicit node copying. */
.taskflowNodeLabel, .taskflowNodeLabel code, .taskflowNodeLabel span,
.taskflowNodeLabel strong, .taskflowNodeState pre, .taskflowNodeState summary {
-webkit-user-select: text !important;
user-select: text !important;
}
.taskflowNodeTitle { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 6px; }
.taskflowNodeTitle strong { min-width: 0; }
.taskflowNodeHeaderActions { display: flex; flex: none; align-items: center; gap: 5px; }
.taskflowNodeCopy { padding: 2px 6px; color: #90a8c4; border: 1px solid #304766; border-radius: 5px; background: #091522; cursor: pointer; font: 8px/1.25 ui-monospace, monospace; user-select: none !important; }
.taskflowNodeCopy:hover { color: #dce8f8; border-color: #5ce4c2; }
.taskflowPhaseBadge { flex: none; padding: 2px 5px; border: 1px solid #3b526d; border-radius: 99px; color: #91a5c0; background: #0a1523; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .04em; user-select: none !important; }
.taskflowPhaseBadge-prepare { color: #e4bd72; border-color: #70552d; background: #241a0d; }
.taskflowPhaseBadge-paint { color: #72e3c8; border-color: #276b5b; background: #071f1a; }
.taskflowPhaseBadge-completion { color: #b9a4ef; border-color: #564783; background: #18132a; }
.taskflowNodeActualPaint { border-width: 2px !important; border-color: #35bda0 !important; box-shadow: inset 0 0 0 1px #35bda026, 0 8px 22px #0006 !important; }
.taskflowNodeActualPaint .taskflowNodeTitle strong { color: #e8fff9 !important; font-size: 13px; }
.taskflowNodeActualPaint .taskflowPhaseBadge-paint { color: #07110f; border-color: #5ce4c2; background: #5ce4c2; }
.taskflowNodePrepareData .taskflowNodeTitle strong { color: #f0d29a !important; }
.taskflowDagFullscreen .taskflowDagFill,
.taskflowDagSection:not(.taskflowDagFullscreen) .taskflowDag { cursor: default; }