It's a todo list.
fix login popup showing at start
+24
-24
+24
-22
src/routes/+layout.svelte
+24
-22
src/routes/+layout.svelte
···
36
36
{@render children()}
37
37
</section>
38
38
39
-
<dialog bind:this={loginDialog} class="flex flex-col w-lg gap-4 bg-white top-1/2 left-1/2 -translate-1/2 p-4 rounded">
40
-
<span class="flex items-center gap-4 self-end w-full justify-between">
41
-
<h1 class="text-xl font-bold">Log into the Atmosphere</h1>
42
-
<button onclick={() => loginDialog?.close()} class="bg-gray-100 px-3 py-2 rounded self-end">Close</button>
43
-
</span>
44
-
<form method="POST" action="/?/login" class="flex flex-col gap-4">
45
-
<input name="handle" type="text" placeholder="zeu.dev" class="border rounded px-4 py-2" />
46
-
<button type="submit" class="border px-3 py-2 rounded">Login</button>
47
-
</form>
48
-
<details class="border border-gray-300 px-3 py-2 rounded">
49
-
<summary class="marker:hidden font-semibold cursor-pointer">
50
-
<span class="text-blue-500">@</span> Enter your internet handle
51
-
</summary>
52
-
<span class="flex flex-col gap-2 text-sm pt-1">
53
-
<p>
54
-
This would be a domain you control, most likely first created with Bluesky, Tangled, Gander,
55
-
or other Atmosphere applications.
56
-
</p>
57
-
<a href="" class="text-blue-500 underline">
58
-
Learn more about ATproto and controlling your social media data
59
-
</a>
39
+
<dialog popover bind:this={loginDialog} class="w-lg bg-white top-1/2 left-1/2 -translate-1/2 p-4 rounded">
40
+
<div class="flex flex-col gap-4">
41
+
<span class="flex items-center gap-4 self-end w-full justify-between">
42
+
<h1 class="text-xl font-bold">Log into the Atmosphere</h1>
43
+
<button onclick={() => loginDialog?.close()} class="bg-gray-100 px-3 py-2 rounded self-end">Close</button>
60
44
</span>
61
-
</details>
45
+
<form method="POST" action="/?/login" class="flex flex-col gap-4">
46
+
<input name="handle" type="text" placeholder="zeu.dev" class="border rounded px-4 py-2" />
47
+
<button type="submit" class="border px-3 py-2 rounded">Login</button>
48
+
</form>
49
+
<details class="border border-gray-300 px-3 py-2 rounded">
50
+
<summary class="marker:hidden font-semibold cursor-pointer">
51
+
<span class="text-blue-500">@</span> Enter your internet handle
52
+
</summary>
53
+
<span class="flex flex-col gap-2 text-sm pt-1">
54
+
<p>
55
+
This would be a domain you control, most likely first created with Bluesky, Tangled, Gander,
56
+
or other Atmosphere applications.
57
+
</p>
58
+
<a href="" class="text-blue-500 underline">
59
+
Learn more about ATproto and controlling your social media data
60
+
</a>
61
+
</span>
62
+
</details>
63
+
</div>
62
64
</dialog>
63
65
64
66
<dialog bind:this={accountDialog} class="bg-white p-6 shadow top-1/2 left-1/2 -translate-1/2">
-2
src/routes/+page.server.ts
-2
src/routes/+page.server.ts
···
1
1
import { atclient } from "$lib/atproto";
2
2
import type { Task } from "$lib/stores.svelte";
3
3
import { parseAtUri } from "$lib/utils";
4
-
import type { $Typed } from "@atproto/api";
5
-
import type { Create, CreateResult } from "@atproto/api/dist/client/types/com/atproto/repo/applyWrites";
6
4
import { isValidHandle } from "@atproto/syntax";
7
5
import { error, fail, redirect, type Actions } from "@sveltejs/kit";
8
6