atmosphere explorer
pds.ls
tool
typescript
atproto
inline key type
+11
-5
+11
-5
src/views/repo.tsx
+11
-5
src/views/repo.tsx
···
559
559
{(key) => (
560
560
<div class="grid grid-cols-[auto_1fr] items-center gap-x-1 text-sm text-neutral-700 dark:text-neutral-300">
561
561
<span class="iconify lucide--hash"></span>
562
-
<span>{verif.id.split("#")[1]}</span>
563
-
<span class="iconify lucide--key-round"></span>
564
-
<span>{detectKeyType(key())}</span>
562
+
<div class="flex items-center gap-2">
563
+
<span>{verif.id.split("#")[1]}</span>
564
+
<div class="flex items-center gap-1 text-neutral-500 dark:text-neutral-400">
565
+
<span class="iconify lucide--key-round"></span>
566
+
<span>{detectKeyType(key())}</span>
567
+
</div>
568
+
</div>
565
569
<span></span>
566
570
<div class="font-mono break-all">{key()}</div>
567
571
</div>
···
580
584
<For each={rotationKeys()}>
581
585
{(key) => (
582
586
<div class="grid grid-cols-[auto_1fr] items-center gap-x-1 text-sm text-neutral-700 dark:text-neutral-300">
583
-
<span class="iconify lucide--key-round"></span>
584
-
<span>{detectDidKeyType(key)}</span>
587
+
<span class="iconify lucide--key-round text-neutral-500 dark:text-neutral-400"></span>
588
+
<span class="text-neutral-500 dark:text-neutral-400">
589
+
{detectDidKeyType(key)}
590
+
</span>
585
591
<span></span>
586
592
<div class="font-mono break-all">{key.replace("did:key:", "")}</div>
587
593
</div>