forked from
pds.ls/pdsls
atproto explorer
restyle account manager
+10
-8
+7
-4
src/components/account.tsx
+7
-4
src/components/account.tsx
···
76
76
<div class="mb-3 max-h-[20rem] overflow-y-auto md:max-h-[25rem]">
77
77
<For each={Object.keys(sessions)}>
78
78
{(did) => (
79
-
<div class="group/select flex w-full items-center justify-between gap-x-2">
79
+
<div class="flex w-full items-center justify-between gap-x-2 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-600">
80
80
<button
81
-
class="flex basis-full items-center justify-between gap-1 truncate rounded bg-transparent px-1 text-left group-hover/select:bg-neutral-100 dark:group-hover/select:bg-neutral-600"
81
+
class="flex basis-full items-center justify-between gap-1 truncate p-1"
82
82
onclick={() => resumeSession(did as Did)}
83
83
>
84
84
<span class="truncate">{sessions[did]?.length ? sessions[did] : did}</span>
···
86
86
<div class="i-lucide-check shrink-0" />
87
87
</Show>
88
88
</button>
89
-
<button onclick={() => removeSession(did as Did)}>
90
-
<div class="i-lucide-x text-lg hover:text-red-500 hover:dark:text-red-400" />
89
+
<button
90
+
onclick={() => removeSession(did as Did)}
91
+
class="p-1.5 hover:text-red-500 hover:dark:text-red-400"
92
+
>
93
+
<div class="i-lucide-user-round-x text-lg" />
91
94
</button>
92
95
</div>
93
96
)}
+3
-4
src/components/create.tsx
+3
-4
src/components/create.tsx
···
179
179
<div class="i-lucide-square-pen" />
180
180
<span>{props.create ? "Creating" : "Editing"} record</span>
181
181
</div>
182
-
<div
183
-
class="i-lucide-x text-lg hover:text-neutral-500 dark:hover:text-neutral-400"
184
-
onclick={() => setOpenDialog(false)}
185
-
/>
182
+
<button onclick={() => setOpenDialog(false)}>
183
+
<div class="i-lucide-x text-lg hover:text-neutral-500 dark:hover:text-neutral-400" />
184
+
</button>
186
185
</div>
187
186
<form ref={formRef} class="flex flex-col gap-y-2">
188
187
<div class="flex w-fit flex-col gap-y-1 text-xs sm:text-sm">