cal/strat-gameplay-webapp
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feature/gameplay-ui-improvements #2

Merged
cal merged 10 commits from feature/gameplay-ui-improvements into main 2026-02-07 05:01:17 +00:00
Conversation 0 Commits 10 Files Changed 8 +2481 -56

10 Commits

Author SHA1 Message Date
Cal Corum
ae728fd052 CLAUDE: Flip mobile layout - batter on top, pitcher below 2026-02-06 22:57:39 -06:00
Cal Corum
05d34f5b4f CLAUDE: Add responsive layout - stack pitcher/batter on mobile with pitcher on top 2026-02-06 19:53:56 -06:00
Cal Corum
45098955f1 CLAUDE: Increase transparency of runners container (bg-white/20) for more subtle appearance 2026-02-06 19:48:19 -06:00
Cal Corum
c6cf8e49fb CLAUDE: Make runners container background more transparent (bg-white/50) 2026-02-06 19:45:58 -06:00
Cal Corum
2e8c01f154 CLAUDE: Reverse pitcher/batter positions - batter now on left, pitcher on right 2026-02-06 19:44:11 -06:00
Cal Corum
078516f682 CLAUDE: Add comprehensive tests for RunnersOnBase and RunnerCard components 
- Test empty/occupied/expanded states
- Test player name handling and initials
- Test runner selection and catcher card expansion
- Test team color integration
- All 40 tests passing
 2026-02-06 19:38:18 -06:00
Cal Corum
f0979ccc9e CLAUDE: Add TODO for visual polish on RunnersOnBase component 
- Added TODO comment to improve styling, colors, animations
- Component is functional and working well, ready for future aesthetic improvements
 2026-02-06 19:28:37 -06:00
Cal Corum
659ac7759d CLAUDE: Remove GameBoard (diamond) component from gameplay view 
- Removed GameBoard component from both mobile and desktop layouts
- Removed unused GameBoard import
- RunnersOnBase component now handles runner display
- Cleaner UI focused on pitcher/batter matchup and expandable runner cards
 2026-02-06 19:21:52 -06:00
Cal Corum
674749975f CLAUDE: Fix invalid Tailwind duration class in RunnerCard 
- Changed duration-400 to duration-300 (valid Tailwind class)
- Fixes PostCSS build error
 2026-02-06 19:19:40 -06:00
Cal Corum
5d20d84568 CLAUDE: Add RunnersOnBase component with expanding cards and runner/catcher matchup 
- Created RunnersOnBase.vue component with split layout (runners left, catcher right)
- Created RunnerCard.vue for individual runner cards with expand-in-place functionality
- Integrated component into GamePlay.vue (mobile and desktop layouts)
- Added team color computed properties for batting/fielding teams
- Component only shows when runners on base (hasRunners computed)
- Click runner card to expand in place and show full player card + catcher matchup
- Smooth CSS transitions and animations matching pitcher/batter card style
- Includes design documentation and HTML mockup for reference
 2026-02-06 19:13:52 -06:00