From eaec9e5e07e85581fc5831d6c04638d6482a20c7 Mon Sep 17 00:00:00 2001
From: soramicha <schang7jcu@gmail.com>
Date: Sat, 25 Jan 2025 19:59:22 -0800
Subject: [PATCH] Completed designs

---
 src/app/login/page.tsx | 59 ++++++++++++++++++++++++++----------------
 1 file changed, 36 insertions(+), 23 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 664ea70..59aedec 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -30,12 +30,12 @@ export default function Login() {
           src="/logo.png"
         ></Image>
         <Box
+          borderRadius={"15px"}
           mt={20}
           alignItems="center"
-          borderRadius="xl"
           borderColor="black"
           bg="white"
-          w="400px"
+          w="375px"
           p={10}
           color="black"
         >
@@ -46,29 +46,42 @@ export default function Login() {
             CCHTF dashboard{" "}
           </Text>
           <FormControl>
-            {/* update value of email and password every time user types */}
-            <Input
-              backgroundColor="#F4F1E8"
-              mt={4}
-              placeholder="Email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              type="email"
-            ></Input>
-            <Input
-              backgroundColor="#F4F1E8"
-              placeholder="Password"
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              type="text"
-              mt={4}
-            ></Input>
-            <Button color="white" bg="#596334" w="100%" onClick={signIn} mt={4} type="submit">
-              Sign in
-            </Button>
+            <Center>
+              {/* update value of email and password every time user types */}
+              <Input
+                borderRadius={"10px"}
+                width={"90%"}
+                backgroundColor="#F4F1E8"
+                mt={4}
+                placeholder="Email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                type="email"
+              ></Input>
+            </Center>
+            <Center>
+              <Input
+                borderRadius={"10px"}
+                width={"90%"}
+                backgroundColor="#F4F1E8"
+                placeholder="Password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                type="text"
+                mt={4}
+              ></Input>
+            </Center>
+            <Center>
+              <Button borderRadius={"10px"} color="white" bg="#596334" w="90%" onClick={signIn} mt={4} type="submit">
+                Sign in
+              </Button>
+            </Center>
             <Center>
               <Text color="#596334" mt={4}>
-                Don&#39;t have an account?<Link href="/"> Sign up</Link>
+                Don&#39;t have an account?{" "}
+                <Link href="#" style={{ textDecoration: "underline" }}>
+                  Sign up
+                </Link>
               </Text>
             </Center>
           </FormControl>