forked from
pds.ls/pdsls
atmosphere explorer
change tab hovering style
+8
-8
+2
-2
src/views/pds.tsx
+2
-2
src/views/pds.tsx
···
134
134
const Tab = (props: { tab: "repos" | "info" | "firehose"; label: string }) => (
135
135
<A
136
136
classList={{
137
-
"border-b-2 font-medium": true,
138
-
"border-transparent dark:text-neutral-300/80 text-neutral-600 hover:border-neutral-600 dark:hover:border-neutral-300/80":
137
+
"border-b-2 font-medium transition-colors": true,
138
+
"border-transparent dark:text-neutral-300/80 text-neutral-600 hover:text-neutral-900 dark:hover:text-neutral-100":
139
139
(!!location.hash && location.hash !== `#${props.tab}`) ||
140
140
(!location.hash && props.tab !== "repos"),
141
141
}}
+2
-2
src/views/record.tsx
+2
-2
src/views/record.tsx
···
363
363
<div class="flex items-center gap-0.5">
364
364
<A
365
365
classList={{
366
-
"border-b-2 font-medium": true,
367
-
"border-transparent text-neutral-600 dark:text-neutral-300/80 hover:border-neutral-600 dark:hover:border-neutral-300/80":
366
+
"border-b-2 font-medium transition-colors": true,
367
+
"border-transparent text-neutral-600 dark:text-neutral-300/80 hover:text-neutral-900 dark:hover:text-neutral-100":
368
368
!isActive(),
369
369
}}
370
370
href={`/at://${did}/${params.collection}/${params.rkey}#${props.tab}`}
+2
-2
src/views/repo.tsx
+2
-2
src/views/repo.tsx
···
95
95
return (
96
96
<A
97
97
classList={{
98
-
"border-b-2 font-medium": true,
99
-
"border-transparent text-neutral-600 dark:text-neutral-300/80 hover:border-neutral-600 dark:hover:border-neutral-300/80":
98
+
"border-b-2 font-medium transition-colors": true,
99
+
"border-transparent text-neutral-600 dark:text-neutral-300/80 hover:text-neutral-900 dark:hover:text-neutral-100":
100
100
!isActive(),
101
101
}}
102
102
href={`/at://${params.repo}#${props.tab}`}
+2
-2
src/views/stream/index.tsx
+2
-2
src/views/stream/index.tsx
···
325
325
<For each={STREAM_TYPES}>
326
326
{(type) => (
327
327
<A
328
-
class="flex items-center gap-1 border-b-2"
329
-
inactiveClass="border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-400 dark:hover:border-neutral-600"
328
+
class="flex items-center gap-1 border-b-2 transition-colors"
329
+
inactiveClass="border-transparent text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100"
330
330
href={`/${type}`}
331
331
>
332
332
{STREAM_CONFIGS[type].label}