Add MySQL/MongoDB consoles, fit topology without scroll, longer flow lines.

Compact workbench panel, collapsible infra bar, narrower topology nodes with wider inter-stage gaps for visible connection lines.
This commit is contained in:
mo
2026-06-25 01:33:48 +00:00
parent 4e1cf9ef6c
commit 7da2dd60f0
9 changed files with 343 additions and 162 deletions
+5 -5
View File
@@ -87,14 +87,14 @@
}
.topo-edge-idle {
stroke: rgba(100, 140, 180, 0.35);
stroke-width: 1.5;
stroke: rgba(100, 140, 180, 0.45);
stroke-width: 2;
stroke-dasharray: 4 8;
fill: none;
}
.topo-edge-live {
stroke-width: 2;
stroke-width: 2.5;
stroke-dasharray: 8 12;
fill: none;
animation: flow-dash 1.2s linear infinite;
@@ -130,7 +130,7 @@
}
.topo-node {
@apply w-full rounded-md border px-2 py-1.5 text-left transition-all;
@apply mx-auto w-[84%] rounded-md border px-1.5 py-1 text-left transition-all;
background: var(--topo-node-bg);
border-color: var(--topo-node-border);
box-shadow: var(--topo-node-shadow);
@@ -146,7 +146,7 @@
}
.topo-stage-col {
@apply flex min-w-[130px] flex-1 flex-col px-1.5 py-2 last:border-r-0;
@apply flex min-w-0 flex-1 flex-col px-0.5 py-1 last:border-r-0;
border-right: 1px dashed var(--topo-stage-border);
}