admin/MLBApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix horizontal overflow: shrink control rail, hero padding, title font

Browse Source 
Everything was clipping off the left edge because the hero card + Live
Radar sidebar + padding exceeded screen width. Reduced control rail from
420px to 340px, hero internal padding from 48px to 40px, detail panel
from 360px to 300px, title font from 52pt to 44pt, hero height from
560px to 500px.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-04-12 16:52:45 -05:00
parent b3a074e362
commit 310d857c7f
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
mlbTVOS/Views/DashboardView.swift
View File

@@ -92,9 +92,9 @@ struct DashboardView: View {
private var controlRailWidth: CGFloat {
#if os(iOS)
horizontalSizeClass == .compact ? 0 : 360
horizontalSizeClass == .compact ? 0 : 300
#else
420
340
#endif
}

10
mlbTVOS/Views/FeaturedGameCard.swift
View File

@@ -467,18 +467,18 @@ struct FeaturedGameCard: View {
}
#if os(tvOS)
private var heroHeight: CGFloat { 560 }
private var heroHeight: CGFloat { 500 }
private var heroRadius: CGFloat { 34 }
private var heroPadH: CGFloat { 48 }
private var heroPadV: CGFloat { 40 }
private var detailPanelWidth: CGFloat { 360 }
private var heroPadH: CGFloat { 40 }
private var heroPadV: CGFloat { 36 }
private var detailPanelWidth: CGFloat { 300 }
private var detailPanelPad: CGFloat { 26 }
private var detailPanelWidthCompact: CGFloat { 320 }
private var contentSpacing: CGFloat { 26 }
private var logoSize: CGFloat { 56 }
private var rowPadH: CGFloat { 22 }
private var rowPadV: CGFloat { 18 }
private var titleFont: Font { .system(size: 52, weight: .black, design: .rounded) }
private var titleFont: Font { .system(size: 44, weight: .black, design: .rounded) }
private var labelFont: Font { .system(size: 15, weight: .black, design: .rounded) }
private var codeFont: Font { .system(size: 22, weight: .black, design: .rounded) }
private var nameFont: Font { .system(size: 28, weight: .bold, design: .rounded) }