vielle.dev
forked from
pds.ls/pdsls
atproto explorer
tweak debounce and margin
handle.invalid
+2
-2
src/components/search.tsx
+2
-2
src/components/search.tsx
···
60
60
};
61
61
62
62
const [input, setInput] = createSignal<string>();
63
-
const [search] = createResource(createDebouncedValue(input, 300), fetchTypeahead);
63
+
const [search] = createResource(createDebouncedValue(input, 250), fetchTypeahead);
64
64
65
65
const processInput = (input: string) => {
66
66
input = input.trim().replace(/^@/, "");
···
121
121
</Show>
122
122
</div>
123
123
<Show when={search()?.length && input()}>
124
-
<div class="dark:bg-dark-300 dark:shadow-dark-800 absolute z-30 mt-2 flex w-full flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-1 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">
124
+
<div class="dark:bg-dark-300 dark:shadow-dark-800 absolute z-30 mt-1 flex w-full flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-1 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">
125
125
<For each={search()}>
126
126
{(actor) => (
127
127
<A