pds.ls
atmosphere explorer
pds.ls
tool
typescript
atproto
add red dwarf shortcut
handle.invalid
+12
-4
src/views/record.tsx
+12
-4
src/views/record.tsx
···
51
51
transform: (url: string) => url.replace("https://bsky.app", "https://witchsky.app"),
52
52
},
53
53
{
54
+
label: "Red Dwarf",
55
+
hostname: "reddwarf.app",
56
+
transform: (url: string) => url.replace("https://bsky.app", "https://reddwarf.app"),
57
+
},
58
+
{
54
59
label: "Anartia",
55
60
hostname: "kelinci.net",
56
61
icon: "https://kelinci.net/rabbit.svg",
···
483
488
classList={{
484
489
"rounded-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
485
490
!bskyAlts().length,
486
-
"bg-neutral-50 rounded-t dark:bg-dark-200 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
491
+
"bg-neutral-50 rounded-t dark:bg-dark-200 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
487
492
showAlternates() && bskyAlts().length > 0,
488
493
}}
489
494
>
···
492
497
wrapper={faviconWrapper}
493
498
/>
494
499
</a>
495
-
<Show when={showAlternates() && bskyAlts().length > 0}>
496
-
<div class="dark:bg-dark-200 absolute top-full left-0 z-10 flex flex-col overflow-hidden rounded-b bg-neutral-50 shadow-xs">
500
+
<Show when={bskyAlts().length > 0}>
501
+
<div
502
+
class="dark:bg-dark-200 absolute top-full left-0 z-10 flex flex-col overflow-hidden rounded-b bg-neutral-50 shadow-xs"
503
+
classList={{ invisible: !showAlternates() }}
504
+
>
497
505
<For each={bskyAlts()}>
498
506
{(alt) => (
499
507
<a
500
508
href={alt.link}
501
509
target="_blank"
502
510
title={`Open on ${alt.label}`}
503
-
class="flex p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
511
+
class="flex p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
504
512
>
505
513
{alt.icon ?
506
514
<img src={alt.icon} class="size-4" />