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

CLAUDE: Reverse pitcher/batter positions - batter now on left, pitcher on right

Browse Source
This commit is contained in:
Cal Corum 2026-02-06 19:44:11 -06:00
parent 078516f682
commit 2e8c01f154
1 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
frontend-sba/components/Game/CurrentSituation.vue
View File

@ -2,39 +2,7 @@
<div class="current-situation">
<!-- Side-by-Side Card Layout -->
<div class="grid grid-cols-2 gap-4">
<!-- Current Pitcher Card -->
<button
v-if="currentPitcher"
:class="[
'player-card pitcher-card card-transition',
pitcherCardClasses
]"
@click="openPlayerCard('pitcher')"
>
<!-- Card Header -->
<div class="card-header pitcher-header">
<span class="team-abbrev">{{ pitcherTeamAbbrev }}</span>
<span class="position-info">P</span>
<span class="player-name">{{ pitcherName }}</span>
</div>
<!-- Card Image -->
<div class="card-image-container">
<img
v-if="pitcherPlayer?.image"
:src="pitcherPlayer.image"
:alt="`${pitcherName} card`"
class="card-image"
@error="handleImageError"
>
<div v-else class="card-placeholder pitcher-placeholder">
<span class="placeholder-initials">{{ getPlayerFallbackInitial(pitcherPlayer) }}</span>
<span class="placeholder-label">No Card Image</span>
</div>
</div>
</button>
<!-- Current Batter Card -->
<!-- Current Batter Card (LEFT) -->
<button
v-if="currentBatter"
:class="[
@ -65,6 +33,38 @@
</div>
</div>
</button>
<!-- Current Pitcher Card (RIGHT) -->
<button
v-if="currentPitcher"
:class="[
'player-card pitcher-card card-transition',
pitcherCardClasses
]"
@click="openPlayerCard('pitcher')"
>
<!-- Card Header -->
<div class="card-header pitcher-header">
<span class="team-abbrev">{{ pitcherTeamAbbrev }}</span>
<span class="position-info">P</span>
<span class="player-name">{{ pitcherName }}</span>
</div>
<!-- Card Image -->
<div class="card-image-container">
<img
v-if="pitcherPlayer?.image"
:src="pitcherPlayer.image"
:alt="`${pitcherName} card`"
class="card-image"
@error="handleImageError"
>
<div v-else class="card-placeholder pitcher-placeholder">
<span class="placeholder-initials">{{ getPlayerFallbackInitial(pitcherPlayer) }}</span>
<span class="placeholder-label">No Card Image</span>
</div>
</div>
</button>
</div>
<!-- Empty State -->