Skip to content

Add bracket styling: React Flow controls and champion stacking#26

Merged
wesbos merged 3 commits intosyntaxfm:mainfrom
sergical:sergical/bracket-styling
Jan 26, 2026
Merged

Add bracket styling: React Flow controls and champion stacking#26
wesbos merged 3 commits intosyntaxfm:mainfrom
sergical:sergical/bracket-styling

Conversation

@sergical
Copy link
Collaborator

@sergical sergical commented Jan 19, 2026

Current Proposed
CleanShot 2026-01-19 at 13 04 54@2x CleanShot 2026-01-19 at 13 07 40@2x
  • Style React Flow controls with dark theme (black bg, yellow accents)
  • Stack finalists and championship vertically with centered text
  • Add progressive photo sizing: finalists 65px, championship 80px
  • Center championship node between finalists
  • Add mobile responsive styles

🤖 Generated with Claude Code

sergical and others added 3 commits January 19, 2026 13:12
- Style React Flow controls with dark theme (black bg, yellow accents)
- Stack finalists and championship vertically with centered text
- Add progressive photo sizing: finalists 65px, championship 80px
- Center championship node between finalists
- Add mobile responsive styles

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Add intermediate breakpoint with 200px cards to ensure 2 columns
fit in mid-range viewports where 300px cards were too wide.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
React Flow handles zoom/pan on mobile, so node size overrides aren't needed.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@wesbos wesbos merged commit c6bc0b4 into syntaxfm:main Jan 26, 2026
sergical pushed a commit that referenced this pull request Feb 1, 2026
Add bracket styling: React Flow controls and champion stacking
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants