vielle.dev
forked from
pds.ls/pdsls
atproto explorer
limit height of preview on smaller viewports
handle.invalid
+1
-1
src/views/collection.tsx
+1
-1
src/views/collection.tsx
···
51
51
<Show when={hover()}>
52
52
<span
53
53
ref={previewRef}
54
-
class={`dark:bg-dark-500/70 left-50% max-h-md z-25 backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-lg border-neutral-300 bg-neutral-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
54
+
class={`dark:bg-dark-500/70 left-50% max-h-xs sm:max-h-md z-25 backdrop-blur-xs border-0.5 dark:shadow-dark-900/80 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-lg border-neutral-300 bg-neutral-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
55
55
>
56
56
<JSONValue
57
57
data={props.record.record.value as JSONType}