the universal sandbox runtime for agents and humans. pocketenv.io
sandbox openclaw agent claude-code vercel-sandbox deno-sandbox cloudflare-sandbox atproto sprites daytona
7
fork

Configure Feed

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

Add centered sign-in form with handle input

Add AT Protocol handle input, Sign In button, and info links to
selfhosted.social and Bluesky. Center layout and styling updated using
Tailwind classes

+31 -1
+31 -1
apps/web/src/pages/signin/SignIn.tsx
··· 1 1 function SignIn() { 2 2 return ( 3 3 <> 4 - <div className="flex min-h-screen bg-base-100"></div> 4 + <div className="flex items-center justify-center min-h-screen bg-base-100"> 5 + <div className="flex flex-col items-center gap-6 w-[400px]"> 6 + <div className="form-control w-full"> 7 + <label className="label"> 8 + <span className="label-text text-[15px]">Handle</span> 9 + </label> 10 + <div className="input input-bordered w-full input-lg text-[15px] font-semibold bg-transparent"> 11 + <span className="label-text my-auto text-[16px] opacity-50 mr-[10px]"> 12 + @ 13 + </span> 14 + <input placeholder="alice.bsky.social" className="grow " /> 15 + </div> 16 + </div> 17 + 18 + <button className="btn btn-primary btn-lg font-bold w-full"> 19 + Sign In 20 + </button> 21 + <p className="text-center text-white/70"> 22 + Don't have an atproto handle yet? You can create one at 23 + <button className="text-[#8552ff]">selfhosted.social</button>,{" "} 24 + <a 25 + href="https://bsky.app/" 26 + className="text-[#8552ff]" 27 + target="_blank" 28 + > 29 + Bluesky 30 + </a>{" "} 31 + or any other AT Protocol service. 32 + </p> 33 + </div> 34 + </div> 5 35 </> 6 36 ); 7 37 }