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
202
<select
203
203
name="validate"
204
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"
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
206
>
207
207
<option value="unset">Unset</option>
208
208
<option value="true">True</option>
+4
-2
src/components/search.tsx
+4
-2
src/components/search.tsx
···
67
67
<form
68
68
class="flex w-full max-w-[22rem] flex-col sm:max-w-[24rem]"
69
69
id="uriForm"
70
-
onsubmit={(e) => e.preventDefault()}
70
+
onsubmit={(e) => {
71
+
e.preventDefault();
72
+
processInput(searchInput.value);
73
+
}}
71
74
>
72
75
<label for="input" class="hidden">
73
76
PDS URL, AT URI, or handle
···
85
88
<button
86
89
type="submit"
87
90
class="iconify lucide--arrow-right text-lg text-neutral-500 dark:text-neutral-400"
88
-
onclick={() => processInput(searchInput.value)}
89
91
></button>
90
92
</div>
91
93
</div>
+5
-3
src/views/labels.tsx
+5
-3
src/views/labels.tsx
···
62
62
<div class="flex w-full flex-col items-center">
63
63
<form
64
64
class="flex w-[22rem] flex-col items-center gap-y-1 sm:w-[24rem]"
65
-
onsubmit={(e) => e.preventDefault()}
65
+
onsubmit={(e) => {
66
+
e.preventDefault();
67
+
initQuery();
68
+
}}
66
69
>
67
70
<div class="w-full">
68
71
<label for="patterns" class="ml-0.5 text-sm">
···
76
79
spellcheck={false}
77
80
rows={3}
78
81
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"
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"
80
83
/>
81
84
<div class="flex justify-center">
82
85
<Show when={!response.loading}>
83
86
<button
84
-
onclick={() => initQuery()}
85
87
type="submit"
86
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"
87
89
>
+2
-2
src/views/stream.tsx
+2
-2
src/views/stream.tsx
···
194
194
spellcheck={false}
195
195
placeholder="Comma-separated list of collections"
196
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"
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
198
/>
199
199
</label>
200
200
</Show>
···
206
206
spellcheck={false}
207
207
placeholder="Comma-separated list of DIDs"
208
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"
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
210
/>
211
211
</label>
212
212
</Show>