Adjust onboarding header to short step label and top-align step content

2026-02-26 10:56:25 +01:00
parent 3d72d53889
commit b0c7a41625
7 changed files with 36 additions and 17 deletions
@@ -6,7 +6,13 @@ struct MealWindowsStepView: View {

    var body: some View {
        VStack(spacing: 24) {
-            Spacer()
+            Text("meal_windows_title")
+                .font(.mealMoodH1)
+                .foregroundColor(.mealMoodTextPrimary)
+                .multilineTextAlignment(.leading)
+                .frame(maxWidth: .infinity, alignment: .leading)
+                .padding(.horizontal, 24)
+                .padding(.top, 12)

            VStack(spacing: 12) {
                ForEach(MealWindows.allCases, id: \.self) { option in
@@ -24,10 +30,9 @@ struct MealWindowsStepView: View {
            }
            .padding(.horizontal, 24)

-            Spacer()
-
            PrimaryButton(title: String(localized: "onboarding_continue"), action: onNext)
                .padding(.horizontal, 24)
+                .padding(.top, 8)
                .padding(.bottom, 40)
        }
    }