style: improve bookmark renderer styling

- Add flex-shrink-0 to icon to prevent squishing on long URLs
- Remove muted color from description for better readability
This commit is contained in:
Alejandro Gómez
2025-12-11 13:15:59 +01:00
parent 39573e2b06
commit 194a1b4e9c

View File

@@ -33,15 +33,13 @@ export function Kind39701Renderer({ event }: BaseEventProps) {
rel="noopener noreferrer"
className="flex items-center gap-2 text-accent hover:underline"
>
<ExternalLink className="size-4" />
<ExternalLink className="size-4 flex-shrink-0" />
<span className="text-sm break-all">{displayUrl}</span>
</a>
)}
{/* Description/Content as RichText */}
{event.content && (
<RichText event={event} className="text-sm text-muted-foreground" />
)}
{event.content && <RichText event={event} className="text-sm" />}
{/* Fallback if no data */}
{!title && !url && (