atproto explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

restyle account manager

Juliet dac0d9cf 8c32e89f

+10 -8
+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
··· 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">