feat(client): stretch the Fleet network card to the boards column's height
Side by side in the cockpit row, the Agent network card now fills its column (the browser view's lc-col-browser idiom), so its bottom edge meets the members-plus-tasks column instead of dangling above it. Wrapped onto its own line on a narrow pane the stretch is a no-op — the card keeps its natural height.
This commit is contained in:
1 parent
928abdac97
commit
9d8b7b7bf0
2 files changed
+9
-1
No files matched your search
@@ -180,7 +180,7 @@ export function makeFleetView(
|
||||
<div className="lc-cols">
|
||||
{forest !== null
|
||||
? (
|
||||
<div className="lc-col flex-[2] min-w-[min(420px,100%)]">
|
||||
<div className="lc-col lc-col-graph flex-[2] min-w-[min(420px,100%)]">
|
||||
<AgentGraph
|
||||
sessionId={sessionId}
|
||||
forest={forest}
|
||||
|
||||
@@ -86,6 +86,14 @@
|
||||
.lc-agents-split { flex-direction: column; align-items: stretch; }
|
||||
.lc-agents-inspector.lc-inspector { flex: none; width: 100%; position: static; max-height: none; }
|
||||
}
|
||||
|
||||
/* The Fleet tab's cockpit row: the network card stretches to the boards column's full height
|
||||
(members + tasks), so the row reads as one level band — the browser view's lc-col-browser
|
||||
idiom. Wrapped onto its own line (narrow pane) the column holds only this card, so the
|
||||
stretch is a no-op and nothing balloons. Content stays top-aligned: centering would push the
|
||||
canvas below the fold whenever the boards run tall. */
|
||||
.lc-col-graph { display: flex; flex-direction: column; }
|
||||
.lc-col-graph > .lc-card { flex: 1; }
|
||||
.lc-agent-pinned { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 70%, var(--dsw-alias-border-l2)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 35%, transparent); }
|
||||
.lc-agents-chip-team { color: var(--dsw-alias-brand-primary, var(--color-blue-500)); border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 40%, transparent); }
|
||||
.lc-inspector[data-pinned] { border-color: color-mix(in srgb, var(--dsw-alias-brand-primary, var(--color-blue-500)) 45%, var(--dsw-alias-border-l2)); }
|
||||
|
||||
Reference in new issue
Block a user