atmosphere explorer
pds.ls
tool
typescript
atproto
fix link color in car explorer view
+7
-5
+7
-5
src/views/car/explore.tsx
+7
-5
src/views/car/explore.tsx
···
166
166
class="flex min-h-6 min-w-0 basis-full items-center gap-2 px-2 sm:min-h-7"
167
167
>
168
168
<span class="iconify lucide--book-user shrink-0 text-neutral-500 transition-colors duration-200 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200" />
169
-
<span class="truncate py-0.5 font-medium text-blue-400 transition-colors duration-150 group-hover:text-blue-500 dark:group-hover:text-blue-300">
169
+
<span class="truncate py-0.5 font-medium text-blue-500 transition-colors duration-150 group-hover:text-blue-600 dark:text-blue-400 dark:group-hover:text-blue-300">
170
170
{props.archive.did || "Repository"}
171
171
</span>
172
172
</button>
···
207
207
>
208
208
<div class="flex min-h-6 min-w-0 basis-full items-center gap-2 sm:min-h-7">
209
209
<span class="iconify lucide--folder-open shrink-0 text-neutral-500 transition-colors duration-200 group-hover:text-neutral-700 dark:text-neutral-400 dark:group-hover:text-neutral-200" />
210
-
<span class="truncate py-0.5 font-medium text-blue-400 transition-colors duration-150 group-hover:text-blue-500 dark:group-hover:text-blue-300">
210
+
<span class="truncate py-0.5 font-medium text-blue-500 transition-colors duration-150 group-hover:text-blue-600 dark:text-blue-400 dark:group-hover:text-blue-300">
211
211
{collection().name}
212
212
</span>
213
213
</div>
···
330
330
class="truncate font-medium"
331
331
classList={{
332
332
"text-neutral-700 dark:text-neutral-300": hasSingleEntry,
333
-
"text-blue-400": !hasSingleEntry,
333
+
"text-blue-500 dark:text-blue-400": !hasSingleEntry,
334
334
}}
335
335
>
336
336
{entry.name}
···
338
338
339
339
<Show when={hasSingleEntry}>
340
340
<span class="iconify lucide--chevron-right shrink-0 text-xs text-neutral-500" />
341
-
<span class="truncate font-medium text-blue-400">{entry.entries[0].key}</span>
341
+
<span class="truncate font-medium text-blue-500 dark:text-blue-400">
342
+
{entry.entries[0].key}
343
+
</span>
342
344
</Show>
343
345
344
346
<Show when={!hasSingleEntry}>
···
469
471
onmouseleave={() => !isTouchDevice && setHover(false)}
470
472
class="relative flex w-full items-baseline gap-1 rounded px-1 py-0.5 text-left hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
471
473
>
472
-
<span class="shrink-0 text-sm text-blue-400">{entry.key}</span>
474
+
<span class="shrink-0 text-sm text-blue-500 dark:text-blue-400">{entry.key}</span>
473
475
<span class="truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">
474
476
{entry.cid}
475
477
</span>