forked from
pds.ls/pdsls
atproto explorer
reduce preview margin
+3
-3
+3
-3
src/views/collection.tsx
+3
-3
src/views/collection.tsx
···
40
40
});
41
41
42
42
const isOverflowing = (elem: HTMLElement, previewHeight: number) =>
43
-
elem.offsetTop - window.scrollY + previewHeight + 40 > window.innerHeight;
43
+
elem.offsetTop - window.scrollY + previewHeight + 32 > window.innerHeight;
44
44
45
45
const getDateFromTimestamp = (timestamp: number) =>
46
46
new Date(timestamp - new Date().getTimezoneOffset() * 60 * 1000)
···
66
66
<Show when={hoverRk()?.id === `rkey-${props.index}`}>
67
67
<span
68
68
classList={{
69
-
"preview w-max lg:max-w-lg max-w-sm bg-slate-100 dark:bg-dark-500 left-50% border-neutral-400 dark:border-neutral-600 max-h-md pointer-events-none absolute z-25 mt-4 block -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-md border p-2 text-xs":
69
+
"preview w-max lg:max-w-lg max-w-sm bg-slate-100 dark:bg-dark-500 left-50% border-neutral-400 dark:border-neutral-600 max-h-md pointer-events-none absolute z-25 mt-2 block -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-md border p-2 text-xs":
70
70
true,
71
-
"bottom-10": isOverflowing(hoverRk()!, previewHeight()),
71
+
"bottom-8": isOverflowing(hoverRk()!, previewHeight()),
72
72
}}
73
73
>
74
74
<JSONValue