diff --git a/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift b/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift index c860ad79de..79dd566eb6 100644 --- a/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift +++ b/Apps/LekaApp/Sources/_NEWCodeBase/Views/Profiles/CarereceiverPicker.swift @@ -14,15 +14,33 @@ struct CarereceiverPicker: View { var body: some View { NavigationStack { VStack { - ScrollView(showsIndicators: false) { - Label(String(l10n.CarereceiverPicker.subtitle.characters), systemImage: "figure.2.arms.open") - .font(.headline) - .frame(maxWidth: .infinity, alignment: .leading) - .padding(.horizontal) + ScrollView(showsIndicators: true) { + HStack(alignment: .center, spacing: 30) { + Image(systemName: "figure.2.arms.open") + .resizable() + .scaledToFit() + .frame(width: 80, height: 80) + .foregroundColor(.accentColor) + + VStack(alignment: .leading) { + Text(l10n.CarereceiverPicker.title) + .font(.largeTitle) + .fontWeight(.bold) + + Text(l10n.CarereceiverPicker.subtitle) + .font(.title2) + + Text(l10n.CarereceiverPicker.description) + .foregroundStyle(.secondary) + + Divider() + .padding(.top) + } - Text(l10n.CarereceiverPicker.description) - .frame(maxWidth: .infinity, alignment: .leading) - .padding(.horizontal) + Spacer() + } + .padding(.horizontal) + .padding() LazyVGrid(columns: self.columns, spacing: 40) { ForEach(self.rootOwnerViewModel.mockCarereceiversSet) { carereceiver in @@ -31,11 +49,10 @@ struct CarereceiverPicker: View { } } } - .padding() } } - .padding() .navigationTitle(String(l10n.CarereceiverPicker.title.characters)) + .navigationBarTitleDisplayMode(.inline) .toolbar { ToolbarItem(placement: .topBarTrailing) { Button {