Replace Your Content header image with native text and icon.

Use an SF Symbol and SwiftUI text for sharper rendering, and add more top, left, and bottom padding in content cards and text editors.

Co-authored-by: Cursor <cursoragent@cursor.com>

gramora/Utilities/AppTheme.swift

@@ -13,7 +13,9 @@ enum AppTheme {
     static let trafficLightClearance: CGFloat = 16
     static let contentPadding: CGFloat = 40
     static let contentCardPadding: CGFloat = 14
-    static let contentCardTopPadding: CGFloat = 6
+    static let contentCardTopPadding: CGFloat = 18
+    static let contentCardLeadingPadding: CGFloat = 20
+    static let contentCardBottomPadding: CGFloat = 16
     static let contentCardSpacing: CGFloat = 10
     static let yourContentLogoHeight: CGFloat = 46
 
@@ -31,8 +33,8 @@ enum AppTheme {
     static let buttonCornerRadius: CGFloat = 14
     static let navItemCornerRadius: CGFloat = 10
     static let inputCornerRadius: CGFloat = 12
-    static let textEditorHorizontalInset: CGFloat = 16
-    static let textEditorVerticalInset: CGFloat = 18
+    static let textEditorHorizontalInset: CGFloat = 20
+    static let textEditorVerticalInset: CGFloat = 20
     static let compactTextEditorHeight: CGFloat = 240
 
     static let background = Color(red: 0.973, green: 0.980, blue: 0.984)

gramora/Views/Components/YourContentHeader.swift

@@ -2,19 +2,26 @@ import SwiftUI
 
 struct YourContentHeader: View {
     var body: some View {
-        Image("YourContentLogo")
-            .resizable()
-            .aspectRatio(contentMode: .fit)
-            .frame(height: AppTheme.yourContentLogoHeight, alignment: .topLeading)
-            .frame(maxWidth: .infinity, alignment: .leading)
-            .accessibilityLabel("Your Content")
+        HStack(spacing: 10) {
+            Image(systemName: "wand.and.stars")
+                .font(.system(size: 18, weight: .semibold))
+                .foregroundStyle(AppTheme.teal)
+                .accessibilityHidden(true)
+
+            Text("Your Content")
+                .font(.system(size: 18, weight: .bold))
+                .foregroundStyle(AppTheme.textPrimary)
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .accessibilityElement(children: .combine)
     }
 }
 
 extension View {
     func inputContentCardPadding() -> some View {
         padding(.top, AppTheme.contentCardTopPadding)
-            .padding(.horizontal, AppTheme.contentCardPadding)
-            .padding(.bottom, AppTheme.contentCardPadding)
+            .padding(.leading, AppTheme.contentCardLeadingPadding)
+            .padding(.bottom, AppTheme.contentCardBottomPadding)
+            .padding(.trailing, AppTheme.contentCardPadding)
     }
 }