fix(client): let the Fleet network card size freely beside the boards at 1:1
- The cockpit row splits evenly: the graph column drops its flex-[2] weight - The network card's flex basis returns to its own content (flex: 1 1 auto): a 0 basis let engines size the row line under a deep forest's canvas, clipping levels behind the card; content now sets the floor and the card still stretches to the boards column's height
This commit is contained in:
1 parent
2835230485
commit
d02f19cc1c
2 files changed
+6
-4
No files matched your search
@@ -180,7 +180,7 @@ export function makeFleetView(
|
||||
<div className="lc-cols">
|
||||
{forest !== null
|
||||
? (
|
||||
<div className="lc-col lc-col-graph flex-[2] min-w-[min(420px,100%)]">
|
||||
<div className="lc-col lc-col-graph flex-1 min-w-[min(420px,100%)]">
|
||||
<AgentGraph
|
||||
sessionId={sessionId}
|
||||
forest={forest}
|
||||
|
||||
@@ -83,10 +83,12 @@
|
||||
/* 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. */
|
||||
stretch is a no-op and nothing balloons. The base size stays the card's own content
|
||||
(`flex-basis: auto`): a basis of 0 lets engines size the row line under the deep-forest
|
||||
canvas, clipping levels behind the card. 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-col-graph > .lc-card { flex: 1 1 auto; }
|
||||
.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