Widen the topology Display panel into a two-column card.

Lay out toggles and color pickers side by side with a viewport-capped height so the menu no longer runs off-screen.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-05 09:36:14 +08:00
parent a412ca7cbc
commit 00926196f0
2 changed files with 26 additions and 9 deletions

View file

@ -2956,7 +2956,7 @@ export function TopologyPage() {
/>
{t("topology.discoverProjectNeighbors")}
</label>
<div className="topo-display-defaults topo-display-defaults--canvas-bg">
<div className="topo-display-defaults topo-display-defaults--canvas-bg topo-display-defaults--colors">
<div className="topo-display-defaults__head">
<strong>{t("topology.canvasBg")}</strong>
<button
@ -3001,7 +3001,7 @@ export function TopologyPage() {
/>
</div>
</div>
<div className="topo-display-defaults topo-display-defaults--canvas-bg">
<div className="topo-display-defaults topo-display-defaults--canvas-bg topo-display-defaults--colors">
<div className="topo-display-defaults__head">
<strong>{t("topology.textColors")}</strong>
<button
@ -3054,7 +3054,7 @@ export function TopologyPage() {
</div>
))}
</div>
<div className="topo-display-defaults topo-display-defaults--canvas-bg">
<div className="topo-display-defaults topo-display-defaults--canvas-bg topo-display-defaults--colors">
<div className="topo-display-defaults__head">
<strong>{t("topology.vendorColors")}</strong>
<button