vielle.dev
forked from
pds.ls/pdsls
atproto explorer
fix collection overlay scroll
handle.invalid
+2
-2
src/views/collection.tsx
+2
-2
src/views/collection.tsx
···
210
211
return (
212
<Show when={records.length || response()}>
213
-
<div class="flex w-full flex-col items-center">
214
<div
215
ref={(el) => (sticky = el)}
216
class="sticky top-2 z-10 flex flex-col items-center justify-center gap-2 rounded-lg p-3 transition-colors"
217
classList={{
218
"bg-neutral-50 dark:bg-dark-300 border-[0.5px] border-neutral-300 dark:border-neutral-700 shadow-md":
219
filterStuck(),
220
-
"bg-transparent border-transparent shadow-none -mt-2": !filterStuck(),
221
}}
222
>
223
<div class="flex w-[22rem] items-center gap-2 sm:w-[24rem]">
···
210
211
return (
212
<Show when={records.length || response()}>
213
+
<div class="-mt-2 flex w-full flex-col items-center">
214
<div
215
ref={(el) => (sticky = el)}
216
class="sticky top-2 z-10 flex flex-col items-center justify-center gap-2 rounded-lg p-3 transition-colors"
217
classList={{
218
"bg-neutral-50 dark:bg-dark-300 border-[0.5px] border-neutral-300 dark:border-neutral-700 shadow-md":
219
filterStuck(),
220
+
"bg-transparent border-transparent shadow-none": !filterStuck(),
221
}}
222
>
223
<div class="flex w-[22rem] items-center gap-2 sm:w-[24rem]">