pds.ls
atmosphere explorer
pds.ls
tool
typescript
atproto
fix colors of alt client dropdown
handle.invalid
+3
-3
src/views/record.tsx
+3
-3
src/views/record.tsx
···
487
classList={{
488
"rounded-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
489
!bskyAlts().length,
490
-
"bg-neutral-50 rounded-t dark:bg-dark-300 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
491
showAlternates() && bskyAlts().length > 0,
492
}}
493
>
···
497
/>
498
</a>
499
<Show when={showAlternates() && bskyAlts().length > 0}>
500
-
<div class="dark:bg-dark-300 absolute top-full left-0 z-10 flex flex-col overflow-hidden rounded-b bg-neutral-50 shadow-xs">
501
<For each={bskyAlts()}>
502
{(alt) => (
503
<a
504
href={alt.link}
505
target="_blank"
506
title={`Open on ${alt.label}`}
507
-
class="flex p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
508
>
509
{alt.icon ?
510
<img src={alt.icon} class="size-4" />
···
487
classList={{
488
"rounded-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
489
!bskyAlts().length,
490
+
"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
showAlternates() && bskyAlts().length > 0,
492
}}
493
>
···
497
/>
498
</a>
499
<Show when={showAlternates() && bskyAlts().length > 0}>
500
+
<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">
501
<For each={bskyAlts()}>
502
{(alt) => (
503
<a
504
href={alt.link}
505
target="_blank"
506
title={`Open on ${alt.label}`}
507
+
class="flex p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
508
>
509
{alt.icon ?
510
<img src={alt.icon} class="size-4" />