vielle.dev
forked from
pds.ls/pdsls
atproto explorer
fix input outline and form submission
handle.invalid
+1
-1
src/components/create.tsx
+1
-1
src/components/create.tsx
···
202
<select
203
name="validate"
204
id="validate"
205
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-800 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200"
206
>
207
<option value="unset">Unset</option>
208
<option value="true">True</option>
···
202
<select
203
name="validate"
204
id="validate"
205
+
class="dark:bg-dark-100 dark:shadow-dark-800 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200"
206
>
207
<option value="unset">Unset</option>
208
<option value="true">True</option>
+4
-2
src/components/search.tsx
+4
-2
src/components/search.tsx
···
67
<form
68
class="flex w-full max-w-[22rem] flex-col sm:max-w-[24rem]"
69
id="uriForm"
70
-
onsubmit={(e) => e.preventDefault()}
71
>
72
<label for="input" class="hidden">
73
PDS URL, AT URI, or handle
···
85
<button
86
type="submit"
87
class="iconify lucide--arrow-right text-lg text-neutral-500 dark:text-neutral-400"
88
-
onclick={() => processInput(searchInput.value)}
89
></button>
90
</div>
91
</div>
···
67
<form
68
class="flex w-full max-w-[22rem] flex-col sm:max-w-[24rem]"
69
id="uriForm"
70
+
onsubmit={(e) => {
71
+
e.preventDefault();
72
+
processInput(searchInput.value);
73
+
}}
74
>
75
<label for="input" class="hidden">
76
PDS URL, AT URI, or handle
···
88
<button
89
type="submit"
90
class="iconify lucide--arrow-right text-lg text-neutral-500 dark:text-neutral-400"
91
></button>
92
</div>
93
</div>
+5
-3
src/views/labels.tsx
+5
-3
src/views/labels.tsx
···
62
<div class="flex w-full flex-col items-center">
63
<form
64
class="flex w-[22rem] flex-col items-center gap-y-1 sm:w-[24rem]"
65
-
onsubmit={(e) => e.preventDefault()}
66
>
67
<div class="w-full">
68
<label for="patterns" class="ml-0.5 text-sm">
···
76
spellcheck={false}
77
rows={3}
78
value={searchParams.uriPatterns ?? "*"}
79
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-800 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200"
80
/>
81
<div class="flex justify-center">
82
<Show when={!response.loading}>
83
<button
84
-
onclick={() => initQuery()}
85
type="submit"
86
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
87
>
···
62
<div class="flex w-full flex-col items-center">
63
<form
64
class="flex w-[22rem] flex-col items-center gap-y-1 sm:w-[24rem]"
65
+
onsubmit={(e) => {
66
+
e.preventDefault();
67
+
initQuery();
68
+
}}
69
>
70
<div class="w-full">
71
<label for="patterns" class="ml-0.5 text-sm">
···
79
spellcheck={false}
80
rows={3}
81
value={searchParams.uriPatterns ?? "*"}
82
+
class="dark:bg-dark-100 dark:shadow-dark-800 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200"
83
/>
84
<div class="flex justify-center">
85
<Show when={!response.loading}>
86
<button
87
type="submit"
88
class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-700"
89
>
+2
-2
src/views/stream.tsx
+2
-2
src/views/stream.tsx
···
194
spellcheck={false}
195
placeholder="Comma-separated list of collections"
196
value={searchParams.collections ?? ""}
197
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-800 w-[16rem] rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200"
198
/>
199
</label>
200
</Show>
···
206
spellcheck={false}
207
placeholder="Comma-separated list of DIDs"
208
value={searchParams.dids ?? ""}
209
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-800 w-[16rem] rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-neutral-900 dark:focus:outline-neutral-200"
210
/>
211
</label>
212
</Show>
···
194
spellcheck={false}
195
placeholder="Comma-separated list of collections"
196
value={searchParams.collections ?? ""}
197
+
class="dark:bg-dark-100 dark:shadow-dark-800 w-[16rem] rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200"
198
/>
199
</label>
200
</Show>
···
206
spellcheck={false}
207
placeholder="Comma-separated list of DIDs"
208
value={searchParams.dids ?? ""}
209
+
class="dark:bg-dark-100 dark:shadow-dark-800 w-[16rem] rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-[1.5px] focus:outline-neutral-900 dark:focus:outline-neutral-200"
210
/>
211
</label>
212
</Show>