Kaynağa Gözat

Refine sidebar upgrade card with centered text and tighter dimensions.

Co-authored-by: Cursor <cursoragent@cursor.com>
AhtashamShahzad1 1 ay önce
ebeveyn
işleme
ad8c0d72bb
1 değiştirilmiş dosya ile 7 ekleme ve 4 silme
  1. 7 4
      Reddit App/Views/SidebarView.swift

+ 7 - 4
Reddit App/Views/SidebarView.swift

@@ -95,7 +95,7 @@ struct SidebarView: View {
     }
 
     private var upgradeCard: some View {
-        VStack(alignment: .leading, spacing: 10) {
+        VStack(alignment: .center, spacing: 8) {
             HStack(spacing: 6) {
                 Image(systemName: "crown.fill")
                     .font(.system(size: 12))
@@ -108,6 +108,7 @@ struct SidebarView: View {
             Text("Unlock unlimited AI generations and advanced analytics")
                 .font(.system(size: 10))
                 .foregroundStyle(AppTheme.textSecondary)
+                .multilineTextAlignment(.center)
                 .fixedSize(horizontal: false, vertical: true)
                 .lineSpacing(2)
 
@@ -115,12 +116,14 @@ struct SidebarView: View {
                 .font(.system(size: 11, weight: .semibold))
                 .foregroundStyle(.white)
                 .frame(maxWidth: .infinity)
-                .padding(.vertical, 8)
+                .padding(.vertical, 6)
                 .background(AppTheme.accentPurple)
                 .clipShape(RoundedRectangle(cornerRadius: 8))
                 .buttonStyle(.plain)
         }
-        .padding(14)
+        .frame(maxWidth: .infinity, minHeight: 105)
+        .padding(.horizontal, 12)
+        .padding(.vertical, 12)
         .background(
             RoundedRectangle(cornerRadius: AppTheme.cornerRadiusSmall)
                 .fill(AppTheme.cardBackground)
@@ -129,7 +132,7 @@ struct SidebarView: View {
                         .stroke(AppTheme.accentPurple.opacity(0.25), lineWidth: 1)
                 )
         )
-        .padding(.horizontal, AppTheme.sidebarContentInset)
+        .padding(.horizontal, AppTheme.sidebarContentInset + 8)
         .padding(.top, 12)
         .padding(.bottom, 20)
         .overlay(alignment: .top) {