|
|
@@ -149,6 +149,7 @@ struct PaywallView: View {
|
|
|
|
|
|
footerLink(PaywallContent.termsOfService, metrics: metrics) {}
|
|
|
}
|
|
|
+ .padding(.horizontal, metrics.footerLinksHorizontalInset)
|
|
|
.frame(maxWidth: .infinity)
|
|
|
}
|
|
|
|
|
|
@@ -168,7 +169,7 @@ private struct PaywallLayoutMetrics {
|
|
|
let size: CGSize
|
|
|
|
|
|
var horizontalInset: CGFloat { size.width * 0.06 }
|
|
|
- var topInset: CGFloat { size.height * 0.07 }
|
|
|
+ var topInset: CGFloat { size.height * 0.11 }
|
|
|
var bottomInset: CGFloat { size.height * 0.05 }
|
|
|
var closeButtonPadding: CGFloat { max(16, size.width * 0.02) }
|
|
|
|
|
|
@@ -178,15 +179,16 @@ private struct PaywallLayoutMetrics {
|
|
|
var featureRowSpacing: CGFloat { size.height * 0.016 }
|
|
|
var cardSpacing: CGFloat { size.width * 0.018 }
|
|
|
var ctaSpacing: CGFloat { size.height * 0.014 }
|
|
|
- var footerLinkSpacing: CGFloat { size.width * 0.014 }
|
|
|
-
|
|
|
- var titleFontSize: CGFloat { clamp(size.height * 0.048, min: 24, max: 40) }
|
|
|
- var subtitleFontSize: CGFloat { clamp(size.height * 0.022, min: 13, max: 18) }
|
|
|
- var sectionTitleFontSize: CGFloat { clamp(size.height * 0.02, min: 12, max: 16) }
|
|
|
- var featureFontSize: CGFloat { clamp(size.height * 0.019, min: 11, max: 15) }
|
|
|
- var ctaFontSize: CGFloat { clamp(size.height * 0.024, min: 14, max: 18) }
|
|
|
- var footerNoteFontSize: CGFloat { clamp(size.height * 0.017, min: 10, max: 13) }
|
|
|
- var footerLinkFontSize: CGFloat { clamp(size.height * 0.017, min: 10, max: 13) }
|
|
|
+ var footerLinkSpacing: CGFloat { size.width * 0.018 }
|
|
|
+ var footerLinksHorizontalInset: CGFloat { size.width * 0.035 }
|
|
|
+
|
|
|
+ var titleFontSize: CGFloat { clamp(size.height * 0.043, min: 22, max: 36) }
|
|
|
+ var subtitleFontSize: CGFloat { clamp(size.height * 0.02, min: 12, max: 16) }
|
|
|
+ var sectionTitleFontSize: CGFloat { clamp(size.height * 0.018, min: 11, max: 14) }
|
|
|
+ var featureFontSize: CGFloat { clamp(size.height * 0.017, min: 10, max: 13) }
|
|
|
+ var ctaFontSize: CGFloat { clamp(size.height * 0.022, min: 13, max: 16) }
|
|
|
+ var footerNoteFontSize: CGFloat { clamp(size.height * 0.015, min: 9, max: 12) }
|
|
|
+ var footerLinkFontSize: CGFloat { clamp(size.height * 0.015, min: 9, max: 12) }
|
|
|
|
|
|
var subtitleMaxWidth: CGFloat { size.width * 0.55 }
|
|
|
var cardMinHeight: CGFloat { size.height * 0.32 }
|