atproto explorer

search without label

+6 -5
+3 -2
src/components/search.tsx
··· 51 51 id="uriForm" 52 52 onsubmit={(e) => e.preventDefault()} 53 53 > 54 - <label for="input" class="ml-0.5 text-sm"> 54 + <label for="input" class="hidden"> 55 55 PDS URL, AT URI, or handle 56 56 </label> 57 57 <div class="flex w-full items-center gap-2"> ··· 59 59 <input 60 60 type="text" 61 61 spellcheck={false} 62 + placeholder="PDS URL, AT URI, or handle" 62 63 ref={searchInput} 63 64 id="input" 64 - class="grow focus:outline-none" 65 + class="grow placeholder:text-sm focus:outline-none" 65 66 /> 66 67 <Show when={loading()}> 67 68 <span class="iconify lucide--loader-circle animate-spin text-lg"></span>
+1 -1
src/components/text-input.tsx
··· 25 25 disabled={props.disabled} 26 26 required={props.required} 27 27 class={ 28 - "dark:bg-dark-100 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200 " + 28 + "dark:bg-dark-100 dark:shadow-dark-900/80 rounded-lg bg-white px-2 py-1 shadow-sm placeholder:text-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200 " + 29 29 props.class 30 30 } 31 31 onInput={props.onInput}
+1 -1
src/layout.tsx
··· 44 44 <Meta name="robots" content="noindex, nofollow" /> 45 45 </Show> 46 46 </MetaProvider> 47 - <header class="mb-3 flex w-[22rem] items-center sm:w-[24rem]"> 47 + <header class="mb-4 flex w-[22rem] items-center sm:w-[24rem]"> 48 48 <div class="flex basis-1/3 gap-x-2"> 49 49 <Tooltip text="Relay"> 50 50 <A href="/jetstream" class="iconify lucide--radio-tower text-xl"></A>
+1 -1
src/views/stream.tsx
··· 148 148 onCleanup(() => socket?.close()); 149 149 150 150 return ( 151 - <div class="mt-2 flex flex-col items-center"> 151 + <div class="flex flex-col items-center"> 152 152 <div class="flex gap-2 text-sm"> 153 153 <A 154 154 class="flex items-center gap-1 border-b-2 p-1"