atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

Select the types of activity you want to include in your feed.

change inactive tab text color

Juliet 3b831531 7de3b150

+7 -7
+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
··· 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