- 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 |
||
|---|---|---|
| .. | ||
| CurrentSituation.vue | ||
| GameBoard.vue | ||
| GamePlay.vue | ||
| GameStats.vue | ||
| LineupBuilder.vue | ||
| PlayByPlay.vue | ||
| RunnerCard.vue | ||
| RunnersOnBase.vue | ||
| ScoreBoard.vue | ||