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

Fix hero card overflow: increase height, padding, stronger gradient

Browse Source 
Hero card was 470px tall with 36px padding — content was clipping off
the left edge and bottom. Increased to 560px tall with 48px horizontal
padding. Added minimumScaleFactor(0.7) to title text so long matchup
names shrink instead of clip. Strengthened the left gradient overlay
(0.92→0.75→0.4→0.15) so text is readable over the pitcher action photo.

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

14
mlbTVOS/Views/FeaturedGameCard.swift
View File

@@ -96,9 +96,10 @@ struct FeaturedGameCard: View {
.overlay {
LinearGradient(
colors: [
Color.black.opacity(0.85),
Color.black.opacity(0.48),
Color.black.opacity(0.22),
Color.black.opacity(0.92),
Color.black.opacity(0.75),
Color.black.opacity(0.4),
Color.black.opacity(0.15),
],
startPoint: .leading,
endPoint: .trailing
@@ -140,6 +141,7 @@ struct FeaturedGameCard: View {
.font(titleFont)
.foregroundStyle(DS.Colors.onDarkPrimary)
.lineLimit(2)
.minimumScaleFactor(0.7)
}
Spacer(minLength: 16)
@@ -465,10 +467,10 @@ struct FeaturedGameCard: View {
}
#if os(tvOS)
private var heroHeight: CGFloat { 470 }
private var heroHeight: CGFloat { 560 }
private var heroRadius: CGFloat { 34 }
private var heroPadH: CGFloat { 36 }
private var heroPadV: CGFloat { 34 }
private var heroPadH: CGFloat { 48 }
private var heroPadV: CGFloat { 40 }
private var detailPanelWidth: CGFloat { 360 }
private var detailPanelPad: CGFloat { 26 }
private var detailPanelWidthCompact: CGFloat { 320 }