Final Login Design

2023-05-14 15:27:32 +02:00
parent 371c9c7997
commit 83a426d86e
3 changed files with 3 additions and 3 deletions
@@ -0,0 +1,22 @@
+import {useState} from "react";
+import Button from "@/components/Button";
+
+export default function Login() {
+
+        return (
+            <div className="border">
+                <login className={"login-container"}>
+                    <p className={"font-big-fat placement"}>Login</p>
+                    <div className={"placement"}>
+                        <br/>
+                        <p className={"font-kinda-big"}>Username</p>
+                        <input type="text" placeholder="Type here" className="input input-bordered input-sm w-full max-w-xs"/>
+                        <br/>
+                        <p className={"font-kinda-big"}>Password</p>
+                        <input type="text" placeholder="Type here" className="input input-bordered input-sm w-full max-w-xs"/>
+                    </div>
+                    <Button text={"Login"} color={"#e2001a"} width={"25px"}/>
+                </login>
+            </div>
+        );
+    }