atmosphere explorer
pds.ls
tool
typescript
atproto
change inactive tab text color
+7
-7
+2
-2
src/views/pds.tsx
+2
-2
src/views/pds.tsx
···
140
140
<A
141
141
classList={{
142
142
"border-b-2": true,
143
-
"border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":
143
+
"border-transparent dark:text-neutral-400 text-neutral-600 hover:border-neutral-600 dark:hover:border-neutral-400":
144
144
(!!location.hash && location.hash !== `#${props.tab}`) ||
145
145
(!location.hash && props.tab !== "repos"),
146
146
}}
···
157
157
return (
158
158
<Show when={repos() || response()}>
159
159
<div class="flex w-full flex-col">
160
-
<div class="mb-3 flex gap-3 px-2 text-sm sm:text-base">
160
+
<div class="mb-3 flex gap-4 px-2 text-sm sm:text-base">
161
161
<Tab tab="repos" label="Repositories" />
162
162
<Tab tab="info" label="Info" />
163
163
<Tab tab="firehose" label="Firehose" />
+5
-5
src/views/stream.tsx
+5
-5
src/views/stream.tsx
···
143
143
144
144
return (
145
145
<div class="flex w-full flex-col items-center">
146
-
<div class="flex gap-3">
146
+
<div class="mb-1 flex gap-4">
147
147
<A
148
-
class="flex items-center gap-1 border-b-2 p-1"
149
-
inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
148
+
class="flex items-center gap-1 border-b-2"
149
+
inactiveClass="border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-400 dark:hover:border-neutral-600"
150
150
href="/jetstream"
151
151
>
152
152
Jetstream
153
153
</A>
154
154
<A
155
-
class="flex items-center gap-1 border-b-2 p-1"
156
-
inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
155
+
class="flex items-center gap-1 border-b-2"
156
+
inactiveClass="border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-400 dark:hover:border-neutral-600"
157
157
href="/firehose"
158
158
>
159
159
Firehose