truncate cid blob

juli.ee e98bdbef 4a655f22

verified
Changed files
+4 -3
src
views
+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>