diff --git a/MealMood/Views/Onboarding/FirstDishesStepView.swift b/MealMood/Views/Onboarding/FirstDishesStepView.swift index 9f17e77..7116ebc 100644 --- a/MealMood/Views/Onboarding/FirstDishesStepView.swift +++ b/MealMood/Views/Onboarding/FirstDishesStepView.swift @@ -127,37 +127,42 @@ struct FirstDishesStepView: View { .foregroundColor(.mealMoodTextSecondary) .padding(.horizontal, 24) - ForEach(Array(viewModel.addedDishes.enumerated()), id: \.offset) { index, dish in - HStack { - Image(systemName: "checkmark.circle.fill") - .foregroundColor(.mealMoodSuccess) + ScrollView { + LazyVStack(spacing: 8) { + ForEach(Array(viewModel.addedDishes.enumerated()), id: \.offset) { index, dish in + HStack { + Image(systemName: "checkmark.circle.fill") + .foregroundColor(.mealMoodSuccess) - Text(dish.name) - .font(.mealMoodBody) - .foregroundColor(.mealMoodTextPrimary) + Text(dish.name) + .font(.mealMoodBody) + .foregroundColor(.mealMoodTextPrimary) - // Show tag pills - HStack(spacing: 4) { - ForEach(availableTags.filter { dish.tagIds.contains($0.id) }.prefix(2)) { tag in - TagPill(name: tag.localizedName(language: language), color: tag.color) + // Show tag pills + HStack(spacing: 4) { + ForEach(availableTags.filter { dish.tagIds.contains($0.id) }.prefix(2)) { tag in + TagPill(name: tag.localizedName(language: language), color: tag.color) + } + } + + Spacer() + + Button { + viewModel.removeDish(at: index) + } label: { + Image(systemName: "trash") + .font(.system(size: 14)) + .foregroundColor(.mealMoodError) + } } - } - - Spacer() - - Button { - viewModel.removeDish(at: index) - } label: { - Image(systemName: "trash") - .font(.system(size: 14)) - .foregroundColor(.mealMoodError) + .padding(12) + .background(Color.mealMoodSurface) + .cornerRadius(12) } } - .padding(12) - .background(Color.mealMoodSurface) - .cornerRadius(12) - .padding(.horizontal, 24) } + .frame(maxHeight: 190) + .padding(.horizontal, 24) } }