highperfocused/grimoire
1
0
Fork 0
mirror of https://github.com/purrgrammer/grimoire.git synced 2026-06-06 02:31:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Simplify NIP link styling in rich text

Browse Source 
Remove icon and inline-flex layout from NIP links so they align
consistently with surrounding text and have the same size.
This commit is contained in:
Claude
2026-01-12 11:17:12 +00:00
parent 035fd829d5
commit dd623c8a41
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/nostr/RichText/Nip.tsx
View File

@@ -1,4 +1,3 @@
import { FileText } from "lucide-react";
import type { NipNode } from "@/lib/nip-transformer"; import type { NipNode } from "@/lib/nip-transformer";
import { useGrimoire } from "@/core/state"; import { useGrimoire } from "@/core/state";
import { getNIPInfo } from "@/lib/nip-icons"; import { getNIPInfo } from "@/lib/nip-icons";
@@ -26,11 +25,10 @@ export function Nip({ node }: NipNodeProps) {
return ( return (
<button <button
onClick={openNIP} 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`} title={nipInfo?.description ?? `View NIP-${number} specification`}
> >
<FileText className="size-3" /> {raw}
<span>{raw}</span>
</button> </button>
); );
} }