atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

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

restyle pds info tab

Juliet 1602adc8 9110836b

+26 -15
+26 -15
src/views/pds.tsx
··· 156 156 157 157 return ( 158 158 <Show when={repos() || response()}> 159 - <div class="flex w-full flex-col"> 160 - <div class="mb-3 flex gap-4 px-2 text-sm sm:text-base"> 159 + <div class="flex w-full flex-col px-2"> 160 + <div class="mb-3 flex gap-4 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" /> 164 164 </div> 165 - <div class="flex flex-col gap-1 px-2"> 166 - <Show when={!location.hash || location.hash === "#repos"}> 167 - <div class="flex flex-col divide-y-[0.5px] divide-neutral-300 pb-20 dark:divide-neutral-700"> 168 - <For each={repos()}>{(repo) => <RepoCard {...repo} />}</For> 169 - </div> 170 - </Show> 165 + <Show when={!location.hash || location.hash === "#repos"}> 166 + <div class="flex flex-col divide-y-[0.5px] divide-neutral-300 pb-20 dark:divide-neutral-700"> 167 + <For each={repos()}>{(repo) => <RepoCard {...repo} />}</For> 168 + </div> 169 + </Show> 170 + <div class="flex flex-col gap-2"> 171 171 <Show when={location.hash === "#info"}> 172 172 <Show when={version()}> 173 173 {(version) => ( 174 - <div class="flex items-baseline gap-x-1"> 174 + <div class="flex flex-col"> 175 175 <span class="font-semibold">Version</span> 176 - <span class="truncate text-sm">{version()}</span> 176 + <span class="text-sm text-neutral-700 dark:text-neutral-300">{version()}</span> 177 177 </div> 178 178 )} 179 179 </Show> 180 180 <Show when={serverInfos()}> 181 181 {(server) => ( 182 182 <> 183 - <div class="flex items-baseline gap-x-1"> 183 + <div class="flex flex-col"> 184 184 <span class="font-semibold">DID</span> 185 - <span class="truncate text-sm">{server().did}</span> 185 + <span class="text-sm">{server().did}</span> 186 186 </div> 187 - <Show when={server().inviteCodeRequired}> 187 + <div class="flex items-center gap-1"> 188 188 <span class="font-semibold">Invite Code Required</span> 189 - </Show> 189 + <span 190 + classList={{ 191 + "iconify lucide--check text-green-500 dark:text-green-400": 192 + server().inviteCodeRequired === true, 193 + "iconify lucide--x text-red-500 dark:text-red-400": 194 + !server().inviteCodeRequired, 195 + }} 196 + ></span> 197 + </div> 190 198 <Show when={server().phoneVerificationRequired}> 191 - <span class="font-semibold">Phone Verification Required</span> 199 + <div class="flex items-center gap-1"> 200 + <span class="font-semibold">Phone Verification Required</span> 201 + <span class="iconify lucide--check text-green-500 dark:text-green-400"></span> 202 + </div> 192 203 </Show> 193 204 <Show when={server().availableUserDomains.length}> 194 205 <div class="flex flex-col">