From b5fb0a1978eaa3d1fc6457a8c9b70741b65c2c66 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 11 Mar 2024 00:15:36 +0000
Subject: feature(mobile): A reasonablly looking signin form

---
 app/signin.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

(limited to 'app/signin.tsx')

diff --git a/app/signin.tsx b/app/signin.tsx
index 641d1b97..cc8dde79 100644
--- a/app/signin.tsx
+++ b/app/signin.tsx
@@ -1,16 +1,24 @@
+import { View, Text } from "react-native";
+
 import Logo from "@/components/Logo";
 import { Button } from "@/components/ui/Button";
 import { Input } from "@/components/ui/Input";
-import { TextInput, View } from "react-native";
 
 export default function Signin() {
   return (
-    <View className="items-center justify-center h-full">
-      <Logo />
-
-      <Input  />
-      <Button label="Sign In"  />
-
+    <View className="justify-center h-full flex flex-col gap-2 container">
+      <View className="items-center">
+        <Logo />
+      </View>
+      <View className="gap-2">
+        <Text className="font-bold">Email</Text>
+        <Input className="w-full" placeholder="Email" />
+      </View>
+      <View className="gap-2">
+        <Text className="font-bold">Password</Text>
+        <Input className="w-full" placeholder="Password" secureTextEntry />
+      </View>
+      <Button className="w-full" label="Sign In" />
     </View>
   );
 }
-- 
cgit v1.3-1-g0d28

