citizen428.net
forked from
pds.ls/pdsls
atproto explorer
make upload button focusable
handle.invalid
+2
-2
src/components/create.tsx
+2
-2
src/components/create.tsx
···
218
218
</div>
219
219
<div class="flex items-center gap-2">
220
220
<Show when={!uploading()}>
221
-
<div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
222
-
<input type="file" id="blob" hidden onChange={() => uploadBlob()} />
221
+
<div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs focus-within:outline-[1.5px] focus-within:outline-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800 dark:focus-within:outline-neutral-200">
222
+
<input type="file" id="blob" class="sr-only" onChange={() => uploadBlob()} />
223
223
<label class="flex items-center gap-1 px-2 py-1.5 select-none" for="blob">
224
224
<span class="iconify lucide--upload text-sm"></span>
225
225
Upload