atmosphere explorer
pds.ls
tool
typescript
atproto
restyle pds info tab
+26
-15
+26
-15
src/views/pds.tsx
+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">