text formating

This commit is contained in:
echo 2026-03-08 21:53:27 +01:00
parent 6241c25af0
commit fe534a7875
2 changed files with 10 additions and 2 deletions

View File

@ -151,10 +151,14 @@ export function ArticleDetailComponent({ id }: { id: string }) {
)} )}
<div className="prose prose-slate max-w-none"> <div className="prose prose-slate max-w-none">
<div className="text-lg leading-relaxed mb-6"> <div className="text-lg leading-relaxed mb-6 text-justify">
<ReactMarkdown <ReactMarkdown
remarkPlugins={[remarkGfm]} remarkPlugins={[remarkGfm]}
components={{ components={{
p: (props) => <p {...props} className="mb-4 text-justify" />,
ul: (props) => <ul {...props} className="list-disc list-outside ml-6 mb-4 space-y-2" />,
ol: (props) => <ol {...props} className="list-decimal list-outside ml-6 mb-4 space-y-2" />,
li: (props) => <li {...props} className="text-justify" />,
img: (props) => ( img: (props) => (
<img <img
{...props} {...props}

View File

@ -151,10 +151,14 @@ export function ArticleDetailComponent({ id }: { id: string }) {
)} )}
<div className="prose prose-slate max-w-none"> <div className="prose prose-slate max-w-none">
<div className="text-lg leading-relaxed mb-6"> <div className="text-lg leading-relaxed mb-6 text-justify">
<ReactMarkdown <ReactMarkdown
remarkPlugins={[remarkGfm]} remarkPlugins={[remarkGfm]}
components={{ components={{
p: (props) => <p {...props} className="mb-4 text-justify" />,
ul: (props) => <ul {...props} className="list-disc list-outside ml-6 mb-4 space-y-2" />,
ol: (props) => <ol {...props} className="list-decimal list-outside ml-6 mb-4 space-y-2" />,
li: (props) => <li {...props} className="text-justify" />,
img: (props) => ( img: (props) => (
<img <img
{...props} {...props}