atproto explorer

search without label

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