fix(graph): toolbar position — top-2 left-20 to avoid macOS system buttons

This commit is contained in:
iliya 2026-03-28 13:03:29 +02:00
parent 98a1155635
commit b7064759c0
2 changed files with 4 additions and 4 deletions

View file

@ -6,7 +6,7 @@ Thanks for contributing to Claude Agent Teams UI!
For big features and major changes, please discuss them in our [Discord](https://discord.gg/RgBHMBsn) first so we can figure out the best approach together and avoid conflicts.
Small fixes, bug reports, and minor improvements are always welcome -- just open a PR.
Small fixes, bug reports, and minor improvements are always welcome - just open a PR.
## Prerequisites
- Node.js 20+
@ -34,7 +34,7 @@ pnpm check
```
## Pull Request Guidelines
- Keep changes focused and small -- one purpose per PR.
- Keep changes focused and small - one purpose per PR.
- Add/adjust tests for behavior changes.
- Update docs when changing public behavior or setup.
- Use clear PR titles and include a short validation checklist.
@ -46,7 +46,7 @@ AI coding tools are welcome, but **you are responsible for what you submit**:
- **Review before submitting.** Read every line of AI-generated code and understand what it does. Do not submit raw, unreviewed AI output.
- **Do not commit AI workflow artifacts.** Planning documents, session logs, step-by-step plans, or other outputs from AI tools do not belong in the repository.
- **Test it yourself.** AI-generated code must be manually verified -- run the app, confirm the feature works, check edge cases.
- **Test it yourself.** AI-generated code must be manually verified - run the app, confirm the feature works, check edge cases.
- **Keep it intentional.** Every line in your PR should exist for a reason you can explain. If you can't explain why a piece of code is there, remove it.
## What Does NOT Belong in the Repo

View file

@ -60,7 +60,7 @@ export function GraphControls({
const nameColor = teamColor ?? '#aaeeff';
return (
<div className="absolute top-10 left-3 right-3 flex items-center justify-between pointer-events-none z-10">
<div className="absolute top-2 left-20 right-3 flex items-center justify-between pointer-events-none z-10">
{/* Left: team name + status indicator */}
<div className="flex items-center pointer-events-auto">
<div