+4
-3
src/views/blob.tsx
+4
-3
src/views/blob.tsx
···
30
return (
31
<div class="flex flex-col items-center gap-2">
32
<Show when={blobs() || response()}>
33
-
<div class="flex w-full flex-col gap-0.5 font-mono text-xs wrap-anywhere">
34
<For each={blobs()}>
35
{(cid) => (
36
<a
37
href={`${props.pds}/xrpc/com.atproto.sync.getBlob?did=${props.repo}&cid=${cid}`}
38
target="_blank"
39
-
class="w-fit rounded px-0.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
40
>
41
-
<span class="text-blue-400">{cid}</span>
42
</a>
43
)}
44
</For>
···
30
return (
31
<div class="flex flex-col items-center gap-2">
32
<Show when={blobs() || response()}>
33
+
<div class="flex w-full flex-col gap-0.5 font-mono text-xs sm:text-sm">
34
<For each={blobs()}>
35
{(cid) => (
36
<a
37
href={`${props.pds}/xrpc/com.atproto.sync.getBlob?did=${props.repo}&cid=${cid}`}
38
target="_blank"
39
+
class="truncate rounded px-0.5 text-left text-blue-400 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
40
+
dir="rtl"
41
>
42
+
{cid}
43
</a>
44
)}
45
</For>