pds.ls
atmosphere explorer
pds.ls
tool
typescript
atproto
truncate labels uri and cid
handle.invalid
+4
-4
src/views/labels.tsx
+4
-4
src/views/labels.tsx
···
21
21
const label = props.label;
22
22
23
23
return (
24
-
<div class="flex flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">
24
+
<div class="flex min-w-0 flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">
25
25
<div class="flex flex-wrap items-baseline gap-2 text-sm">
26
26
<span class="iconify lucide--tag shrink-0 self-center" />
27
27
<span class="font-medium">{label.val}</span>
···
43
43
44
44
<Show
45
45
when={label.uri.startsWith("at://")}
46
-
fallback={<DidHoverCard did={label.uri} labelClass="block text-sm break-all" />}
46
+
fallback={<DidHoverCard did={label.uri} labelClass="block text-sm truncate" />}
47
47
>
48
-
<RecordHoverCard uri={label.uri} labelClass="block text-sm break-all" />
48
+
<RecordHoverCard uri={label.uri} labelClass="block text-sm truncate" />
49
49
</Show>
50
50
51
51
<Show when={label.cid}>
52
-
<div class="font-mono text-xs break-all text-neutral-700 dark:text-neutral-300">
52
+
<div class="truncate font-mono text-xs text-neutral-700 dark:text-neutral-300">
53
53
{label.cid}
54
54
</div>
55
55
</Show>