···

       
30
       
 
       
  return (

     

       
31
       
 
       
    <div class="flex flex-col items-center gap-2">

     

       
32
       
 
       
      <Show when={blobs() || response()}>

     

       
33
       
-
       
        <div class="flex flex-col gap-0.5 font-mono text-sm wrap-anywhere lg:break-normal">

     

       
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="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>

     

···

       
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>