diff --git a/CasinoKit/Sources/CasinoKit/Theme/CasinoDesign.swift b/CasinoKit/Sources/CasinoKit/Theme/CasinoDesign.swift index 7ec5f80..f8a4676 100644 --- a/CasinoKit/Sources/CasinoKit/Theme/CasinoDesign.swift +++ b/CasinoKit/Sources/CasinoKit/Theme/CasinoDesign.swift @@ -114,7 +114,7 @@ public enum CasinoDesign { /// Card aspect ratio (height = width * this value). /// Standard poker is 1.4, but 1.35 looks better on screen. - public static let cardAspectRatio: CGFloat = 1.35 + public static let cardAspectRatio: CGFloat = 1.4 /// Pattern dimensions for decorative elements. public static let patternSpacing: CGFloat = 12 diff --git a/CasinoKit/Sources/CasinoKit/Views/Cards/CardView.swift b/CasinoKit/Sources/CasinoKit/Views/Cards/CardView.swift index ab7a4c2..3aecce7 100644 --- a/CasinoKit/Sources/CasinoKit/Views/Cards/CardView.swift +++ b/CasinoKit/Sources/CasinoKit/Views/Cards/CardView.swift @@ -69,10 +69,10 @@ public struct CardFrontView: View { // MARK: - Layout Constants - private let rankFontRatio: CGFloat = 0.22 - private let suitFontRatio: CGFloat = 0.18 - private let centerSuitFontRatio: CGFloat = 0.5 - private let contentPaddingRatio: CGFloat = 0.08 + private let rankFontRatio: CGFloat = 0.19 + private let suitFontRatio: CGFloat = 0.15 + private let centerSuitFontRatio: CGFloat = 0.4 + private let contentPaddingRatio: CGFloat = 0.04 private var suitColor: Color { card.suit.isRed ? .red : .black @@ -122,15 +122,11 @@ public struct CardFrontView: View { Spacer() } - Spacer() - // Center suit (large) Text(card.suit.rawValue) .font(.system(size: width * centerSuitFontRatio)) .foregroundStyle(suitColor) - - Spacer() - + // Bottom right corner (inverted) HStack { Spacer() @@ -309,9 +305,9 @@ public struct CardPlaceholderView: View { .ignoresSafeArea() HStack(spacing: CasinoDesign.Spacing.xLarge) { - CardView(card: Card(suit: .hearts, rank: .ace), isFaceUp: true) - CardView(card: Card(suit: .spades, rank: .king), isFaceUp: true) - CardView(card: Card(suit: .diamonds, rank: .seven), isFaceUp: false) + CardView(card: Card(suit: .hearts, rank: .ace), isFaceUp: true, cardWidth: 95) + CardView(card: Card(suit: .spades, rank: .king), isFaceUp: true, cardWidth: 95) + CardView(card: Card(suit: .diamonds, rank: .seven), isFaceUp: false, cardWidth: 95) } } }