forked from
pds.ls/pdsls
atproto explorer
search results transition
+1
-1
+1
-1
src/components/search.tsx
+1
-1
src/components/search.tsx
···
121
121
</Show>
122
122
</div>
123
123
<Show when={search()?.length && input()}>
124
-
<div class="dark:bg-dark-300 absolute z-30 mt-2 flex w-full flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-1 dark:border-neutral-700">
124
+
<div class="dark:bg-dark-300 absolute z-30 mt-2 flex w-full flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-1 transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">
125
125
<Suspense fallback={<div class="p-1">Loading...</div>}>
126
126
<For each={search()}>
127
127
{(actor) => (