···

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

     

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

     

       
156
       
156
       
 
       
              <img

     

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

     

       
157
       
157
       
+
       
                class="h-auto max-h-[16rem] max-w-[16rem] object-contain"

     

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

     

       
159
       
159
       
 
       
              />

     

       
160
       
160
       
 
       
            </Show>