the universal sandbox runtime for agents and humans.
pocketenv.io
sandbox
openclaw
agent
claude-code
vercel-sandbox
deno-sandbox
cloudflare-sandbox
atproto
sprites
daytona
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
+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
}