marketing-shibata50/9router
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix zoom controls contrast in topology view (#1066)

Browse source
This commit is contained in:
Iqbal Muhammad Hasbi 2026-05-13 15:29:30 +07:00 • committed by GitHub
parent 58788a0d31
commit 003be82d97
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/(dashboard)/dashboard/usage/components/ProviderTopology.js
View file

@ -304,7 +304,7 @@ export default function ProviderTopology({ providers = [], activeRequests = [],
nodesConnectable={false}
elementsSelectable={false}
>
<Controls showInteractive={false} />
<Controls showInteractive={false} className="react-flow-controls-custom" />
</ReactFlow>
)}
</div>

24
src/app/globals.css
View file

@ -427,6 +427,30 @@ button {
opacity: 0.04;
}
/* React Flow controls: match app theme */
.react-flow-controls-custom {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 10px;
box-shadow: var(--shadow-soft);
overflow: hidden;
}
.react-flow-controls-custom button {
background: var(--color-surface);
color: var(--color-text-main);
border: 0;
border-bottom: 1px solid var(--color-border);
}
.react-flow-controls-custom button:last-child {
border-bottom: 0;
}
.react-flow-controls-custom button:hover {
background: var(--color-bg-alt);
}
/* Changelog markdown body */
.changelog-body h1 {
font-size: 1.4rem;