feat: make SVG span full viewport width for sprint mode

Remove constraints preventing full-width rendering:
- Remove 8px horizontal padding from track container in sprint mode
- Remove maxWidth: 1400px constraint from SVG
- Change justifyContent to 'stretch' for sprint mode
- Remove borderRadius from steam-train-journey container

Now the railroad track SVG truly spans the entire browser viewport
width, with tunnel entrances at the absolute edges.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-30 16:39:27 -05:00
parent 1a5fa2873b
commit 7488bb3803
2 changed files with 3 additions and 5 deletions

View File

@@ -254,9 +254,9 @@ export function GameDisplay() {
right: '50%',
marginLeft: '-50vw',
marginRight: '-50vw',
padding: state.style === 'sprint' ? '0 8px' : '0 20px',
padding: state.style === 'sprint' ? '0' : '0 20px',
display: 'flex',
justifyContent: 'center',
justifyContent: state.style === 'sprint' ? 'stretch' : 'center',
background: 'transparent',
flex: state.style === 'sprint' ? 1 : 'initial',
minHeight: state.style === 'sprint' ? 0 : 'initial'

View File

@@ -125,11 +125,10 @@ export function SteamTrainJourney({ momentum, trainPosition, pressure, elapsedTi
width: '100%',
height: '100%',
background: 'transparent',
borderRadius: '12px',
overflow: 'visible',
display: 'flex',
alignItems: 'center',
justifyContent: 'center'
justifyContent: 'stretch'
}}>
{/* Route and time of day indicator */}
<div data-component="route-info" style={{
@@ -199,7 +198,6 @@ export function SteamTrainJourney({ momentum, trainPosition, pressure, elapsedTi
viewBox="-50 -50 900 700"
style={{
width: '100%',
maxWidth: '1400px',
height: 'auto',
aspectRatio: '800 / 600',
overflow: 'visible'