Login screen polish (#321)

Author: trevor-e

ios/HackerNews/Auth/LoginScreen.swift

@@ -33,11 +33,23 @@ struct LoginScreen: View {
         .frame(maxHeight: 16)
 
       TextField("Username", text: $loginState.username)
-        .textFieldStyle(.roundedBorder)
-        .autocapitalization(.none)
+        .textInputAutocapitalization(.none)
+        .padding()
+        .background(Color.background)
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+        .overlay(
+          RoundedRectangle(cornerRadius: 12)
+            .stroke(Color.background.opacity(0.5), lineWidth: 1)
+        )
 
       SecureField("Password", text: $loginState.password)
-        .textFieldStyle(.roundedBorder)
+        .padding()
+        .background(Color.background)
+        .clipShape(RoundedRectangle(cornerRadius: 12))
+        .overlay(
+          RoundedRectangle(cornerRadius: 12)
+            .stroke(Color.background.opacity(0.5), lineWidth: 1)
+        )
 
       Spacer()
         .frame(maxHeight: 16)
@@ -55,14 +67,15 @@ struct LoginScreen: View {
           Text("Submit")
             .font(.ibmPlexMono(.bold, size: 16))
             .frame(maxWidth: .infinity)
+            .frame(height: 40)
         }
       )
       .buttonStyle(.borderedProminent)
       .disabled(loginState.username.isEmpty || loginState.password.isEmpty)
     }
     .frame(maxWidth: .infinity, maxHeight: .infinity)
     .padding(32)
-    .background(Color.background)
+    .background(.surface)
   }
 }
 

ios/HackerNews/HNApp.swift

@@ -59,6 +59,8 @@ struct Hacker_NewsApp: App {
         }
         .sheet(isPresented: $appModel.showLoginSheet) {
           LoginScreen(model: $appModel)
+            .presentationDetents([.medium])
+            .presentationCornerRadius(24)
         }
       }
     }