Bläddra i källkod

Refine paywall layout with smaller typography, lower content positioning, and tuned footer spacing.

Co-authored-by: Cursor <cursoragent@cursor.com>
AhtashamShahzad1 1 månad sedan
förälder
incheckning
d012a8245f
1 ändrade filer med 12 tillägg och 10 borttagningar
  1. 12 10
      Reddit App/Views/PaywallView.swift

+ 12 - 10
Reddit App/Views/PaywallView.swift

@@ -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 }