atproto explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

reduce preview margin

Juliet 638c0040 654f4f12

+3 -3
+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