phone verification consistency and elegance
This commit is contained in:
@@ -42,8 +42,8 @@ struct PhoneCodeVerificationView: View {
|
|||||||
.padding()
|
.padding()
|
||||||
.background(.ultraThinMaterial)
|
.background(.ultraThinMaterial)
|
||||||
.clipShape(Capsule())
|
.clipShape(Capsule())
|
||||||
.shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 20)
|
.shadow(radius:10)
|
||||||
.font(.title)
|
.font(.subheadline)
|
||||||
.multilineTextAlignment(.center)
|
.multilineTextAlignment(.center)
|
||||||
.padding(.vertical)
|
.padding(.vertical)
|
||||||
.keyboardType(.phonePad)
|
.keyboardType(.phonePad)
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ struct PhoneVerificationView: View {
|
|||||||
.padding()
|
.padding()
|
||||||
.background(.ultraThinMaterial)
|
.background(.ultraThinMaterial)
|
||||||
.clipShape(Circle())
|
.clipShape(Circle())
|
||||||
.shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 20)
|
.shadow(radius:10)
|
||||||
.font(.subheadline)
|
.font(.subheadline)
|
||||||
.onTapGesture {
|
.onTapGesture {
|
||||||
// tell people that we only support the United States
|
// tell people that we only support the United States
|
||||||
@@ -60,7 +60,7 @@ struct PhoneVerificationView: View {
|
|||||||
.background(.ultraThinMaterial)
|
.background(.ultraThinMaterial)
|
||||||
.clipShape(Capsule())
|
.clipShape(Capsule())
|
||||||
.keyboardType(.phonePad)
|
.keyboardType(.phonePad)
|
||||||
.shadow(color: Color.black.opacity(0.3), radius: 20, x: 0, y: 20)
|
.shadow(radius:10)
|
||||||
.font(.subheadline)
|
.font(.subheadline)
|
||||||
.onReceive(Just(self.phoneNumber)) {newValue in
|
.onReceive(Just(self.phoneNumber)) {newValue in
|
||||||
let filtered = newValue.filter {
|
let filtered = newValue.filter {
|
||||||
@@ -125,10 +125,6 @@ struct PhoneVerificationView: View {
|
|||||||
.clipShape(Capsule())
|
.clipShape(Capsule())
|
||||||
.shadow(radius:10)
|
.shadow(radius:10)
|
||||||
.animation(.default)
|
.animation(.default)
|
||||||
|
|
||||||
Text("You might receive an SMS message for verification and standard rates apply.")
|
|
||||||
.font(.caption)
|
|
||||||
.foregroundColor(NirvanaColor.teal)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else { // show dull button if didn't enter full phone number
|
} else { // show dull button if didn't enter full phone number
|
||||||
@@ -141,6 +137,10 @@ struct PhoneVerificationView: View {
|
|||||||
.shadow(radius:10)
|
.shadow(radius:10)
|
||||||
.animation(.default)
|
.animation(.default)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Text("You might receive an SMS message for verification and standard rates apply.")
|
||||||
|
.font(.caption)
|
||||||
|
.foregroundColor(NirvanaColor.teal)
|
||||||
}
|
}
|
||||||
))
|
))
|
||||||
|
|
||||||
|
|||||||
@@ -53,8 +53,6 @@ struct OnboardingTemplateView: View {
|
|||||||
|
|
||||||
self.onboardingActionTextView
|
self.onboardingActionTextView
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
self.bottomActionArea
|
self.bottomActionArea
|
||||||
}
|
}
|
||||||
.padding(.horizontal, screenWidth * 0.05)
|
.padding(.horizontal, screenWidth * 0.05)
|
||||||
|
|||||||
Reference in New Issue
Block a user