···

       
191
       
 
       
                <a

     

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

     

       
193
       
 
       
                  target="_blank"

     

       
194
       
-
       
                  class={`${!hide() ? "-mb-1 -ml-0.5" : ""} flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600`}

     

       
195
       
 
       
                >

     

       
196
       
 
       
                  <span class="iconify lucide--external-link text-base"></span>

     

       
197
       
 
       
                </a>

     

···

       
191
       
 
       
                <a

     

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

     

       
193
       
 
       
                  target="_blank"

     

       
194
       
+
       
                  class={`${!hide() && (blob.mimeType.startsWith("image/") || blob.mimeType === "video/mp4") ? "-mb-1 -ml-0.5" : ""} flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600`}

     

       
195
       
 
       
                >

     

       
196
       
 
       
                  <span class="iconify lucide--external-link text-base"></span>

     

       
197
       
 
       
                </a>