···

       
477
       
 
       
                        <a

     

       
478
       
 
       
                          href={`https://bsky.app/profile/${record.did}`}

     

       
479
       
 
       
                          target="_blank"

     

       
480
       
-
       
                          class="flex items-center text-blue-500 hover:underline dark:text-blue-400"

     

       
481
       
 
       
                        >

     

       
482
       
-
       
                          <button class="i-tabler-external-link text-sm" />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
483
       
 
       
                        </a>

     

       
484
       
 
       
                      </span>

     

       
485
       
 
       
                    </Show>

     
···

       
492
       
 
       
                          : `https://${record.did.replace("did:web:", "")}/.well-known/did.json`

     

       
493
       
 
       
                        }

     

       
494
       
 
       
                        target="_blank"

     

       
495
       
-
       
                        class="flex items-center text-blue-500 hover:underline dark:text-blue-400"

     

       
496
       
 
       
                      >

     

       
497
       
-
       
                        <button class="i-tabler-external-link text-sm" />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
498
       
 
       
                      </a>

     

       
499
       
 
       
                    </span>

     

       
500
       
 
       
                    <span>{record.status_label}</span>

     

···

       
477
       
 
       
                        <a

     

       
478
       
 
       
                          href={`https://bsky.app/profile/${record.did}`}

     

       
479
       
 
       
                          target="_blank"

     

       
480
       
+
       
                          class="group/tooltip relative flex items-center"

     

       
481
       
 
       
                        >

     

       
482
       
+
       
                          <button class="i-tabler-external-link text-sm text-blue-500 dark:text-blue-400" />

     

       
483
       
+
       
                          <span class="left-50% dark:bg-dark-600 absolute top-5 hidden min-w-[13ch] -translate-x-1/2 rounded border border-neutral-500 bg-slate-200 p-1 text-xs group-hover/tooltip:block">

     

       
484
       
+
       
                            Open on Bsky

     

       
485
       
+
       
                          </span>

     

       
486
       
 
       
                        </a>

     

       
487
       
 
       
                      </span>

     

       
488
       
 
       
                    </Show>

     
···

       
495
       
 
       
                          : `https://${record.did.replace("did:web:", "")}/.well-known/did.json`

     

       
496
       
 
       
                        }

     

       
497
       
 
       
                        target="_blank"

     

       
498
       
+
       
                        class="group/tooltip relative flex items-center"

     

       
499
       
 
       
                      >

     

       
500
       
+
       
                        <button class="i-tabler-external-link text-sm text-blue-500 dark:text-blue-400" />

     

       
501
       
+
       
                        <span class="left-50% dark:bg-dark-600 absolute top-5 hidden min-w-[8ch] -translate-x-1/2 rounded border border-neutral-500 bg-slate-200 p-1 text-xs group-hover/tooltip:block">

     

       
502
       
+
       
                          Open DID document

     

       
503
       
+
       
                        </span>

     

       
504
       
 
       
                      </a>

     

       
505
       
 
       
                    </span>

     

       
506
       
 
       
                    <span>{record.status_label}</span>

     

···

       
53
       
 
       
  -webkit-mask-size: 100% 100%;

     

       
54
       
 
       
  mask-size: 100% 100%;

     

       
55
       
 
       
  background-color: currentColor;

     

       
56
       
-
       
  color: inherit;

     

       
57
       
 
       
  width: 1.2em;

     

       
58
       
 
       
  height: 1.2em;

     

       
59
       
 
       
}

     

···

       
53
       
 
       
  -webkit-mask-size: 100% 100%;

     

       
54
       
 
       
  mask-size: 100% 100%;

     

       
55
       
 
       
  background-color: currentColor;

     

       
0
       
 
       

     

       
56
       
 
       
  width: 1.2em;

     

       
57
       
 
       
  height: 1.2em;

     

       
58
       
 
       
}