highperfocused/zelo-news
1
0
Fork 0
mirror of https://github.com/mroxso/zelo-news.git synced 2026-06-04 17:41:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Enhance MarkdownContent styling to improve text wrapping and link behavior

Browse Source
This commit is contained in:
highperfocused
2025-10-05 17:39:22 +02:00
parent ccd7e2fb5a
commit e40cff7feb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/MarkdownContent.tsx
View File

@@ -15,7 +15,7 @@ interface MarkdownContentProps {
*/
export function MarkdownContent({ content, className }: MarkdownContentProps) {
return (
<div className={cn('prose prose-slate dark:prose-invert max-w-none', className)}>
<div className={cn('prose prose-slate dark:prose-invert max-w-none break-words overflow-wrap-anywhere', className)}>
<ReactMarkdown
remarkPlugins={[remarkGfm]}
components={{
@@ -32,7 +32,7 @@ export function MarkdownContent({ content, className }: MarkdownContentProps) {
return (
<Link
to={`/${nostrId}`}
className="text-blue-500 hover:underline"
className="text-blue-500 hover:underline break-all"
>
{children}
</Link>
@@ -49,7 +49,7 @@ export function MarkdownContent({ content, className }: MarkdownContentProps) {
href={href}
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:underline"
className="text-blue-500 hover:underline break-all"
{...props}
>
{children}