vielle.dev
forked from
pds.ls/pdsls
atproto explorer
redesign backlinks
handle.invalid
+13
-8
src/components/backlinks.tsx
+13
-8
src/components/backlinks.tsx
···
39
39
40
40
return (
41
41
<Show when={response()}>
42
-
<div class="break-anywhere flex w-full flex-col gap-1">
42
+
<div class="break-anywhere flex w-full flex-col gap-1 text-sm">
43
43
<For each={backlinks()}>
44
44
{({ collection, path, counts }) => (
45
-
<div class="text-sm">
46
-
<p>
47
-
<span title="Collection containing linking records">{collection}</span>
48
-
<span class="text-neutral-400">@</span>
49
-
<span title="Record path where the link is found">{path.slice(1)}</span>
50
-
</p>
51
-
<div class="pl-2">
45
+
<div>
46
+
<div>
47
+
<div title="Collection containing linking records" class="flex items-center gap-1">
48
+
<div class="i-lucide-book-text shrink-0" />
49
+
{collection}
50
+
</div>
51
+
<div title="Record path where the link is found" class="flex items-center gap-1">
52
+
<div class="i-lucide-route shrink-0" />
53
+
{path.slice(1)}
54
+
</div>
55
+
</div>
56
+
<div class="ml-4.5">
52
57
<p>
53
58
<a
54
59
class="text-blue-400 hover:underline"