vielle.dev
forked from
pds.ls/pdsls
atproto explorer
truncate rkey list
handle.invalid
+11
-7
src/views/collection.tsx
+11
-7
src/views/collection.tsx
···
41
41
42
42
return (
43
43
<span
44
-
class="relative flex items-baseline rounded px-0.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
44
+
class="relative flex w-full items-baseline rounded px-0.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
45
45
ref={rkeyRef}
46
46
onmouseover={() => setHover(true)}
47
47
onmouseleave={() => setHover(false)}
48
48
>
49
-
<span class="shrink-0 text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>
50
-
<span class="ml-1 truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">
51
-
{props.record.cid}
49
+
<span class="flex items-baseline truncate">
50
+
<span class="shrink-0 text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>
51
+
<span class="ml-1 truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">
52
+
{props.record.cid}
53
+
</span>
54
+
<Show when={props.record.timestamp && props.record.timestamp <= Date.now()}>
55
+
<span class="ml-1 shrink-0 text-xs">
56
+
{localDateFromTimestamp(props.record.timestamp!)}
57
+
</span>
58
+
</Show>
52
59
</span>
53
-
<Show when={props.record.timestamp && props.record.timestamp <= Date.now()}>
54
-
<span class="ml-1 shrink-0 text-xs">{localDateFromTimestamp(props.record.timestamp!)}</span>
55
-
</Show>
56
60
<Show when={hover()}>
57
61
<span
58
62
ref={previewRef}