fix: 文章页样式调整

main
fadeaway 8 months ago
parent aacd757ee9
commit 5489fbb6e9

@ -41,19 +41,19 @@ export default function Article() {
<main className="max-w-screen-sm min-h-screen mx-auto flex flex-col items-center text-[#000000f2] font-normal bg-white px-[18px] pt-[14px] pb-[36px]">
<h1 className="font-600 text-[22px] leading-[30.8px] text-left w-full">{articleInfo?.title}</h1>
{(articleInfo?.userName || displayDate) && (
<p className="w-full flex items-center text-[12px] text-[#000000b2] leading-[16.8px] mt-[9px]">
<p className="w-full flex items-center text-[12px] text-[#000000b2] leading-[16.8px] mt-[6px]">
<span>{articleInfo?.userName}</span>
<span className="ml-[15px]">{displayDate}</span>
</p>
)}
{articleInfo?.image && (
<div className="relative w-[100%] aspect-square mt-[18px]">
<div className="relative w-[100%] aspect-[1/0.5015] mt-[16px]">
<Image className="rounded-[6px] object-cover" unoptimized fill src={articleInfo?.image} alt="cover" />
</div>
)}
{articleInfo?.content && (
<p
className="mt-[12px] text-[14px] leading-[26px]"
className="mt-[12px] text-[14px] leading-[24px]"
dangerouslySetInnerHTML={{ __html: articleInfo?.content }}
/>
)}

Loading…
Cancel
Save