this repo has no description
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Create LoginForm component

modamo-gh f127d455 add2b0d8

+31 -3
+1 -1
app/page.tsx
··· 7 7 <h1 className="text-emerald-900 text-4xl">bambü</h1> 8 8 </section> 9 9 <section className="bg-emerald-900 col-span-2 flex items-center justify-center rounded-2xl"> 10 - {/* <LoginForm /> */} 10 + <LoginForm /> 11 11 </section> 12 12 </main> 13 13 );
+30 -2
components/LoginForm.tsx
··· 1 + "use client"; 2 + 3 + import { useState } from "react"; 4 + 1 5 const LoginForm = () => { 6 + const [handle, setHandle] = useState(""); 2 7 3 - } 8 + return ( 9 + <form className="bg-amber-100 flex flex-col h-fit items-center justify-center p-4 rounded-2xl w-1/3"> 10 + <div className="flex flex-col p-4 rounded-2xl w-full"> 11 + <label 12 + className="text-emerald-900" 13 + htmlFor="handle" 14 + > 15 + Handle 16 + </label> 17 + <input 18 + className="bg-emerald-900 px-4 py-2 rounded-lg" 19 + id="handle" 20 + onChange={(event) => setHandle(event.currentTarget.value)} 21 + placeholder="alice.blacksky.app" 22 + type="text" 23 + value={handle} 24 + /> 25 + </div> 26 + <button className="bg-emerald-900 px-4 py-2 rounded-lg"> 27 + Log into the Atmosphere 28 + </button> 29 + </form> 30 + ); 31 + }; 4 32 5 - export default LoginForm; 33 + export default LoginForm;