forked from
pds.ls/pdsls
atmosphere explorer
fix alt client style
+9
-3
+9
-3
src/views/record.tsx
+9
-3
src/views/record.tsx
···
480
480
href={link().link}
481
481
target="_blank"
482
482
title={`Open on ${link().label}`}
483
-
class="flex rounded-sm p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
483
+
class="flex p-1.5"
484
+
classList={{
485
+
"rounded-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600":
486
+
!showAlternates(),
487
+
"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":
488
+
showAlternates() && bskyAlts().length > 0,
489
+
}}
484
490
>
485
491
<Favicon
486
492
authority={toAuthority(new URL(link().link).hostname)}
···
488
494
/>
489
495
</a>
490
496
<Show when={showAlternates() && bskyAlts().length > 0}>
491
-
<div class="dark:bg-dark-500 absolute top-full left-0 z-10 flex flex-col rounded bg-neutral-100">
497
+
<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">
492
498
<For each={bskyAlts()}>
493
499
{(alt) => (
494
500
<a
495
501
href={alt.link}
496
502
target="_blank"
497
503
title={`Open on ${alt.label}`}
498
-
class="flex rounded-sm p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
504
+
class="flex p-1.5 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
499
505
>
500
506
{alt.icon ?
501
507
<img src={alt.icon} class="size-4" />