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:
@@ -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'
|
||||
|
||||
@@ -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'
|
||||
|
||||
Reference in New Issue
Block a user