phone verification consistency and elegance

This commit is contained in:
talksik
2021-12-23 02:50:43 -08:00
parent 069cc543f4
commit f6a4d94de4
3 changed files with 8 additions and 10 deletions
@@ -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)