fix(wizard): improve UX with step reordering and UI polish
- Reorder wizard steps: dates before sports (enables availability check) - Add contentShape(Rectangle()) for full tap targets on all cards - Fix route preference showing preselected value - Fix sport cards having inconsistent heights - Speed up step reveal animation (0.3s → 0.15s) - Add debounced scroll delay to avoid interrupting selection Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -20,7 +20,7 @@ struct PlanningModeStep: View {
|
||||
|
||||
VStack(spacing: Theme.Spacing.sm) {
|
||||
ForEach(PlanningMode.allCases) { mode in
|
||||
PlanningModeCard(
|
||||
WizardModeCard(
|
||||
mode: mode,
|
||||
isSelected: selection == mode,
|
||||
onTap: { selection = mode }
|
||||
@@ -38,9 +38,9 @@ struct PlanningModeStep: View {
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Planning Mode Card
|
||||
// MARK: - Wizard Mode Card
|
||||
|
||||
private struct PlanningModeCard: View {
|
||||
private struct WizardModeCard: View {
|
||||
@Environment(\.colorScheme) private var colorScheme
|
||||
let mode: PlanningMode
|
||||
let isSelected: Bool
|
||||
@@ -74,6 +74,7 @@ private struct PlanningModeCard: View {
|
||||
.padding(Theme.Spacing.md)
|
||||
.background(isSelected ? Theme.warmOrange.opacity(0.1) : Color.clear)
|
||||
.clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.medium))
|
||||
.contentShape(Rectangle())
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: Theme.CornerRadius.medium)
|
||||
.stroke(isSelected ? Theme.warmOrange : Theme.textMuted(colorScheme).opacity(0.3), lineWidth: isSelected ? 2 : 1)
|
||||
|
||||
Reference in New Issue
Block a user