forked from
pds.ls/pdsls
atmosphere explorer
new account status style
+36
-13
+19
-7
src/views/pds.tsx
+19
-7
src/views/pds.tsx
···
79
79
</span>
80
80
<Show when={!repo.active}>
81
81
<span class="flex shrink-0 items-center gap-1 text-red-500 dark:text-red-400">
82
-
<span class="iconify lucide--unplug"></span>
82
+
<span
83
+
class={`iconify ${
84
+
repo.status === "deactivated" ? "lucide--user-round-x"
85
+
: repo.status === "takendown" ? "lucide--shield-ban"
86
+
: "lucide--unplug"
87
+
}`}
88
+
></span>
83
89
{repo.status ?? "inactive"}
84
90
</span>
85
91
</Show>
···
145
151
<For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>
146
152
</div>
147
153
</Show>
148
-
<div class="flex flex-col gap-2">
154
+
<div class="flex flex-col gap-3">
149
155
<Show when={location.hash === "#info"}>
150
156
<Show when={version()}>
151
157
{(version) => (
···
160
166
<>
161
167
<div class="flex flex-col">
162
168
<span class="font-semibold">DID</span>
163
-
<span class="text-sm">{server().did}</span>
169
+
<span class="text-sm text-neutral-700 dark:text-neutral-300">
170
+
{server().did}
171
+
</span>
164
172
</div>
165
173
<div class="flex items-center gap-1">
166
174
<span class="font-semibold">Invite Code Required</span>
···
183
191
<div class="flex flex-col">
184
192
<span class="font-semibold">Available User Domains</span>
185
193
<For each={server().availableUserDomains}>
186
-
{(domain) => <span class="text-sm wrap-anywhere">{domain}</span>}
194
+
{(domain) => (
195
+
<span class="text-sm wrap-anywhere text-neutral-700 dark:text-neutral-300">
196
+
{domain}
197
+
</span>
198
+
)}
187
199
</For>
188
200
</div>
189
201
</Show>
···
192
204
<span class="font-semibold">Privacy Policy</span>
193
205
<a
194
206
href={server().links?.privacyPolicy}
195
-
class="text-sm hover:underline"
207
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
196
208
target="_blank"
197
209
rel="noopener"
198
210
>
···
205
217
<span class="font-semibold">Terms of Service</span>
206
218
<a
207
219
href={server().links?.termsOfService}
208
-
class="text-sm hover:underline"
220
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
209
221
target="_blank"
210
222
rel="noopener"
211
223
>
···
218
230
<span class="font-semibold">Contact</span>
219
231
<a
220
232
href={`mailto:${server().contact?.email}`}
221
-
class="text-sm hover:underline"
233
+
class="text-sm text-neutral-700 hover:underline dark:text-neutral-300"
222
234
>
223
235
{server().contact?.email}
224
236
</a>
+8
-3
src/views/record.tsx
+8
-3
src/views/record.tsx
···
509
509
</ErrorBoundary>
510
510
</Show>
511
511
<Show when={location.hash === "#info"}>
512
-
<div class="flex w-full flex-col gap-2 px-2 text-sm">
512
+
<div class="flex w-full flex-col gap-3 px-2">
513
513
<div>
514
514
<p class="font-semibold">AT URI</p>
515
-
<div class="truncate text-xs">{record()?.uri}</div>
515
+
<div class="truncate text-xs text-neutral-700 dark:text-neutral-300">
516
+
{record()?.uri}
517
+
</div>
516
518
</div>
517
519
<Show when={record()?.cid}>
518
520
<div>
519
521
<p class="font-semibold">CID</p>
520
-
<div class="truncate text-left text-xs" dir="rtl">
522
+
<div
523
+
class="truncate text-left text-xs text-neutral-700 dark:text-neutral-300"
524
+
dir="rtl"
525
+
>
521
526
{record()?.cid}
522
527
</div>
523
528
</div>
+8
-2
src/views/repo.tsx
+8
-2
src/views/repo.tsx
···
325
325
</div>
326
326
<div class="flex gap-1">
327
327
<Show when={error() && error() !== "Missing PDS"}>
328
-
<div class="flex items-center gap-1 font-medium text-red-500 dark:text-red-400">
329
-
<span class="iconify lucide--alert-triangle"></span>
328
+
<div class="flex items-center gap-1.5 rounded-md border border-red-500 px-2 py-0.5 text-xs font-medium text-red-500 sm:text-sm dark:border-red-400 dark:text-red-400">
329
+
<span
330
+
class={`iconify ${
331
+
error() === "Deactivated" ? "lucide--user-round-x"
332
+
: error() === "Takendown" ? "lucide--shield-ban"
333
+
: "lucide--unplug"
334
+
}`}
335
+
></span>
330
336
<span>{error()}</span>
331
337
</div>
332
338
</Show>