···

       
134
       
134
       
 
       
          <span class="flex gap-x-1">

     

       
135
       
135
       
 
       
            <Show when={blob.mimeType.startsWith("image/") && !hide()}>

     

       
136
       
136
       
 
       
              <img

     

       
137
       
137
       
-
       
                class="max-h-[16rem] max-w-[16rem]"

     

       
137
       
137
       
+
       
                class="size-fit max-h-[16rem] max-w-[16rem]"

     

       
138
       
138
       
 
       
                src={`https://${pds()}/xrpc/com.atproto.sync.getBlob?did=${repo}&cid=${blob.ref.$link}`}

     

       
139
       
139
       
 
       
              />

     

       
140
       
140
       
 
       
            </Show>