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 WeekendsStepView: View {

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

            VStack(spacing: 16) {
                HStack {
@@ -34,10 +40,9 @@ struct WeekendsStepView: View {
                .font(.mealMoodSmall)
                .foregroundColor(.mealMoodTextSecondary)

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