Adjust box size to perfectly fit article content and reduce spacing

Refactor Article component to remove unnecessary wrapper div and adjust paragraph margins for tighter content fitting, aligning with user feedback on excessive spacing.

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:
kimjaehyeon0101
2025-09-30 03:27:34 +00:00
parent 231d5ebc44
commit 4afe828e74
2 changed files with 18 additions and 20 deletions

BIN
article_content.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 KiB

View File

@ -191,7 +191,6 @@ export default function Article() {
)}
</header>
<div className="prose prose-lg max-w-none">
<div
className="text-base leading-7 text-gray-800"
data-testid="text-article-content"
@ -208,13 +207,12 @@ export default function Article() {
);
}
return (
<p key={index} className="mb-4 whitespace-pre-wrap leading-7">
<p key={index} className="mb-2 whitespace-pre-wrap leading-7">
{part.content}
</p>
);
})}
</div>
</div>
</article>
{/* Prediction Markets Section */}