atproto explorer pdsls.dev
atproto tool

change style of links in record view

Changed files
+8 -3
src
components
+8 -3
src/components/json.tsx
···
{(part) => (
<>
{ATURI_RE.test(part) ?
-
<A class="underline" href={`/${part}`}>
+
<A class="text-lightblue-500 hover:underline" href={`/${part}`}>
{part}
</A>
: DID_RE.test(part) ?
-
<A class="underline" href={`/at://${part}`}>
+
<A class="text-lightblue-500 hover:underline" href={`/at://${part}`}>
{part}
</A>
: (
···
["http:", "https:", "web+at:"].includes(new URL(part).protocol) &&
part.split("\n").length === 1
) ?
-
<a class="underline" href={part} target="_blank" rel="noopener noreferrer">
+
<a
+
class="text-lightblue-500 hover:underline"
+
href={part}
+
target="_blank"
+
rel="noopener noreferrer"
+
>
{part}
</a>
: part}