oppi.li
juli.ee
+3
-3
src/components/account.tsx
+3
-3
src/components/account.tsx
···
68
return (
69
<>
70
<Modal open={openManager()} onClose={() => setOpenManager(false)}>
71
-
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 dark:shadow-dark-900 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-slate-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-slate-100">
72
<h3 class="mb-2 font-bold">Manage accounts</h3>
73
-
<div class="border-b-0.5 mb-2 max-h-[20rem] overflow-y-auto border-neutral-500 pb-2 md:max-h-[25rem]">
74
<For each={Object.keys(sessions)}>
75
{(did) => (
76
<div class="group/select flex w-full items-center justify-between gap-x-2">
77
<button
78
-
class="flex max-w-[32ch] basis-full items-center justify-between gap-1 truncate rounded bg-transparent px-1 text-left group-hover/select:bg-zinc-100 dark:group-hover/select:bg-neutral-600"
79
onclick={() => resumeSession(did as Did)}
80
>
81
<span class="truncate">{sessions[did]?.length ? sessions[did] : did}</span>
···
68
return (
69
<>
70
<Modal open={openManager()} onClose={() => setOpenManager(false)}>
71
+
<div class="starting:opacity-0 dark:bg-dark-800/70 border-0.5 w-21rem dark:shadow-dark-900 backdrop-blur-xs left-50% absolute top-12 -translate-x-1/2 rounded-md border-neutral-300 bg-zinc-200/70 p-4 text-slate-900 shadow-md transition-opacity duration-300 dark:border-neutral-700 dark:text-slate-100">
72
<h3 class="mb-2 font-bold">Manage accounts</h3>
73
+
<div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">
74
<For each={Object.keys(sessions)}>
75
{(did) => (
76
<div class="group/select flex w-full items-center justify-between gap-x-2">
77
<button
78
+
class="flex basis-full items-center justify-between gap-1 truncate rounded bg-transparent px-1 text-left group-hover/select:bg-zinc-100 dark:group-hover/select:bg-neutral-600"
79
onclick={() => resumeSession(did as Did)}
80
>
81
<span class="truncate">{sessions[did]?.length ? sessions[did] : did}</span>
+5
-3
src/components/login.tsx
+5
-3
src/components/login.tsx
···
58
59
return (
60
<form class="flex flex-col gap-y-1" onsubmit={(e) => e.preventDefault()}>
61
-
<label for="handle">Add new account</label>
62
-
<div class="flex items-center justify-between gap-2">
63
<TextInput
64
id="handle"
65
placeholder="user.bsky.social"
···
70
<div class="i-lucide-log-in text-lg" />
71
</button>
72
</div>
73
-
<div class="max-w-20rem">{notice()}</div>
74
</form>
75
);
76
};
···
58
59
return (
60
<form class="flex flex-col gap-y-1" onsubmit={(e) => e.preventDefault()}>
61
+
<div class="flex items-center gap-2">
62
+
<label for="handle">
63
+
<div class="i-lucide-user-round-plus text-lg" />
64
+
</label>
65
<TextInput
66
id="handle"
67
placeholder="user.bsky.social"
···
72
<div class="i-lucide-log-in text-lg" />
73
</button>
74
</div>
75
+
<div>{notice()}</div>
76
</form>
77
);
78
};