+4
-3
src/views/blob.tsx
+4
-3
src/views/blob.tsx
···
30
30
return (
31
31
<div class="flex flex-col items-center gap-2">
32
32
<Show when={blobs() || response()}>
33
-
<div class="flex w-full flex-col gap-0.5 font-mono text-xs wrap-anywhere">
33
+
<div class="flex w-full flex-col gap-0.5 font-mono text-xs sm:text-sm">
34
34
<For each={blobs()}>
35
35
{(cid) => (
36
36
<a
37
37
href={`${props.pds}/xrpc/com.atproto.sync.getBlob?did=${props.repo}&cid=${cid}`}
38
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"
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"
40
41
>
41
-
<span class="text-blue-400">{cid}</span>
42
+
{cid}
42
43
</a>
43
44
)}
44
45
</For>