Simplify NIP link styling in rich text (#57)

Remove icon and inline-flex layout from NIP links so they align
consistently with surrounding text and have the same size.

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Alejandro
2026-01-12 12:20:45 +01:00
committed by GitHub
parent 035fd829d5
commit 59e79959a6

View File

@@ -1,4 +1,3 @@
import { FileText } from "lucide-react";
import type { NipNode } from "@/lib/nip-transformer";
import { useGrimoire } from "@/core/state";
import { getNIPInfo } from "@/lib/nip-icons";
@@ -26,11 +25,10 @@ export function Nip({ node }: NipNodeProps) {
return (
<button
onClick={openNIP}
className="inline-flex items-center gap-0.5 text-muted-foreground underline decoration-dotted hover:text-foreground cursor-crosshair"
className="text-muted-foreground underline decoration-dotted hover:text-foreground cursor-crosshair"
title={nipInfo?.description ?? `View NIP-${number} specification`}
>
<FileText className="size-3" />
<span>{raw}</span>
{raw}
</button>
);
}