Onboarding: show the app icon with iOS rounded corners

The welcome page's green-gradient circle + SF symbol is replaced by the
app icon itself (AppIconArtwork imageset mirroring AppIcon.png), clipped
to the standard iOS rounded-rect corner radius (21pt at 96pt — ~22%),
so onboarding matches the Home Screen icon.
This commit is contained in:
FuelBoard Contributor
2026-08-13 23:41:16 +01:00
parent fec139cf5a
commit 050c9f13a3
3 changed files with 20 additions and 5 deletions
+7 -5
View File
@@ -96,12 +96,14 @@ struct OnboardingView: View {
VStack(spacing: 0) {
Spacer()
ZStack {
Circle()
.fill(LinearGradient(colors: [.green, .blue], startPoint: .topLeading, endPoint: .bottomTrailing))
// The app icon itself, with the standard iOS rounded-corner
// treatment (~22% of the size), so onboarding matches the
// Home Screen.
Image("AppIconArtwork")
.resizable()
.scaledToFill()
.frame(width: 96, height: 96)
Image(systemName: "fuelpump.fill")
.font(.system(size: 44, weight: .bold))
.foregroundStyle(.white)
.clipShape(RoundedRectangle(cornerRadius: 21, style: .continuous))
}
.padding(.bottom, 28)