atmosphere explorer
pds.ls
tool
typescript
atproto
inputs with outlines instead of borders
+6
-6
+1
-1
src/auth/login.tsx
+1
-1
src/auth/login.tsx
···
49
49
<label for="username" class="hidden">
50
50
Add account
51
51
</label>
52
-
<div class="dark:bg-dark-100 dark:inset-shadow-dark-200 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 inset-shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">
52
+
<div class="dark:bg-dark-100 flex grow items-center gap-2 rounded-lg bg-white px-2 outline-1 outline-neutral-200 focus-within:outline-[1.5px] focus-within:outline-neutral-600 dark:outline-neutral-600 dark:focus-within:outline-neutral-400">
53
53
<label
54
54
for="username"
55
55
class="iconify lucide--user-round-plus shrink-0 text-neutral-500 dark:text-neutral-400"
+1
-1
src/components/search.tsx
+1
-1
src/components/search.tsx
···
188
188
<label for="input" class="hidden">
189
189
PDS URL, AT URI, NSID, DID, or handle
190
190
</label>
191
-
<div class="dark:bg-dark-100 dark:inset-shadow-dark-200 flex items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 inset-shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">
191
+
<div class="dark:bg-dark-100 flex items-center gap-2 rounded-lg bg-white px-2 outline-1 outline-neutral-200 focus-within:outline-[1.5px] focus-within:outline-neutral-600 dark:outline-neutral-600 dark:focus-within:outline-neutral-400">
192
192
<label
193
193
for="input"
194
194
class="iconify lucide--search text-neutral-500 dark:text-neutral-400"
+1
-1
src/components/text-input.tsx
+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:inset-shadow-dark-200 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400 " +
28
+
"dark:bg-dark-100 rounded-lg bg-white px-2 py-1 outline-1 outline-neutral-200 select-none placeholder:text-sm focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400 " +
29
29
props.class
30
30
}
31
31
onInput={props.onInput}
+1
-1
src/views/labels.tsx
+1
-1
src/views/labels.tsx
···
228
228
rows={2}
229
229
value={searchParams.uriPatterns ?? "*"}
230
230
placeholder="at://did:web:example.com/app.bsky.feed.post/*"
231
-
class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1.5 text-sm inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
231
+
class="dark:bg-dark-100 grow rounded-lg bg-white px-2 py-1.5 text-sm outline-1 outline-neutral-200 focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400"
232
232
/>
233
233
</label>
234
234
</div>
+2
-2
src/views/stream.tsx
+2
-2
src/views/stream.tsx
···
183
183
spellcheck={false}
184
184
placeholder="Comma-separated list of collections"
185
185
value={searchParams.collections ?? ""}
186
-
class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
186
+
class="dark:bg-dark-100 grow rounded-lg bg-white px-2 py-1 outline-1 outline-neutral-200 focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400"
187
187
/>
188
188
</label>
189
189
</Show>
···
195
195
spellcheck={false}
196
196
placeholder="Comma-separated list of DIDs"
197
197
value={searchParams.dids ?? ""}
198
-
class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"
198
+
class="dark:bg-dark-100 grow rounded-lg bg-white px-2 py-1 outline-1 outline-neutral-200 focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400"
199
199
/>
200
200
</label>
201
201
</Show>