forked from
pds.ls/pdsls
atproto explorer
restyle account manager
+8
-6
+3
-3
src/components/account.tsx
+3
-3
src/components/account.tsx
···
68
68
return (
69
69
<>
70
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">
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
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]">
73
+
<div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">
74
74
<For each={Object.keys(sessions)}>
75
75
{(did) => (
76
76
<div class="group/select flex w-full items-center justify-between gap-x-2">
77
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"
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
79
onclick={() => resumeSession(did as Did)}
80
80
>
81
81
<span class="truncate">{sessions[did]?.length ? sessions[did] : did}</span>
+5
-3
src/components/login.tsx
+5
-3
src/components/login.tsx
···
58
58
59
59
return (
60
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">
61
+
<div class="flex items-center gap-2">
62
+
<label for="handle">
63
+
<div class="i-lucide-user-round-plus text-lg" />
64
+
</label>
63
65
<TextInput
64
66
id="handle"
65
67
placeholder="user.bsky.social"
···
70
72
<div class="i-lucide-log-in text-lg" />
71
73
</button>
72
74
</div>
73
-
<div class="max-w-20rem">{notice()}</div>
75
+
<div>{notice()}</div>
74
76
</form>
75
77
);
76
78
};