Improve article display to better fit text content
Adjusted CSS class `text-base leading-7 text-gray-800` to `text-base text-gray-800` and `mb-2 whitespace-pre-wrap leading-7` to `mb-3 whitespace-pre-wrap leading-normal` in `client/src/pages/Article.tsx` to resolve text overflow issues. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/DGb2VKl
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
@ -192,7 +192,7 @@ export default function Article() {
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="text-base leading-7 text-gray-800"
|
className="text-base text-gray-800"
|
||||||
data-testid="text-article-content"
|
data-testid="text-article-content"
|
||||||
>
|
>
|
||||||
{parseArticleContent(article.content).map((part, index) => {
|
{parseArticleContent(article.content).map((part, index) => {
|
||||||
@ -207,7 +207,7 @@ export default function Article() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<p key={index} className="mb-2 whitespace-pre-wrap leading-7">
|
<p key={index} className="mb-3 whitespace-pre-wrap leading-normal">
|
||||||
{part.content}
|
{part.content}
|
||||||
</p>
|
</p>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user