forked from
pds.ls/pdsls
atmosphere explorer
lower filter input on mobile
+5
-2
+5
-2
src/views/repo.tsx
+5
-2
src/views/repo.tsx
···
29
29
updateNotification,
30
30
} from "../components/notification.jsx";
31
31
import Tooltip from "../components/tooltip.jsx";
32
+
import { isTouchDevice } from "../layout.jsx";
32
33
import {
33
34
didDocCache,
34
35
labelerCache,
···
411
412
</ErrorBoundary>
412
413
</Show>
413
414
<Show when={nsids() && (!location.hash || location.hash.startsWith("#collections"))}>
414
-
<div class="flex flex-col pb-16 text-sm wrap-anywhere">
415
+
<div
416
+
class={`flex flex-col ${isTouchDevice ? "pb-12" : "pb-16"} text-sm wrap-anywhere`}
417
+
>
415
418
<Show
416
419
when={Object.keys(nsids() ?? {}).length != 0}
417
420
fallback={<span class="mt-3 text-center text-base">No collections found.</span>}
···
626
629
</Show>
627
630
628
631
<Show when={nsids() && (!location.hash || location.hash.startsWith("#collections"))}>
629
-
<div class="fixed bottom-12 z-10 w-full max-w-lg">
632
+
<div class={`fixed ${isTouchDevice ? "bottom-8" : "bottom-12"} z-10 w-full max-w-lg`}>
630
633
<div
631
634
class="dark:bg-dark-200 dark:shadow-dark-700 mx-3 flex cursor-text items-center gap-2 rounded-lg border border-neutral-200 bg-white px-3 shadow-md dark:border-neutral-700"
632
635
onClick={(e) => {