atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

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

font-medium on tabs

Juliet 057f5a4b ffc8e8e3

+4 -4
+1 -1
src/views/pds.tsx
··· 139 139 const Tab = (props: { tab: "repos" | "info" | "firehose"; label: string }) => ( 140 140 <A 141 141 classList={{ 142 - "border-b-2": true, 142 + "border-b-2 font-medium": true, 143 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"),
+1 -1
src/views/record.tsx
··· 363 363 <div class="flex items-center gap-0.5"> 364 364 <A 365 365 classList={{ 366 - "border-b-2": true, 366 + "border-b-2 font-medium": true, 367 367 "border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-600 dark:hover:border-neutral-400": 368 368 !isActive(), 369 369 }}
+1 -1
src/views/repo.tsx
··· 88 88 return ( 89 89 <A 90 90 classList={{ 91 - "border-b-2": true, 91 + "border-b-2 font-medium": true, 92 92 "border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-600 dark:hover:border-neutral-400": 93 93 !isActive(), 94 94 }}
+1 -1
src/views/stream.tsx
··· 143 143 144 144 return ( 145 145 <div class="flex w-full flex-col items-center"> 146 - <div class="mb-1 flex gap-4"> 146 + <div class="mb-1 flex gap-4 font-medium"> 147 147 <A 148 148 class="flex items-center gap-1 border-b-2" 149 149 inactiveClass="border-transparent text-neutral-600 dark:text-neutral-400 hover:border-neutral-400 dark:hover:border-neutral-600"