humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:detail article space

This commit is contained in:
Rama Priyanto 2025-02-11 15:39:23 +07:00
parent 497ebc949f
commit ec2e0ef1b8
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/page/detail-news.tsx
View File

@ -153,15 +153,17 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
</p> </p>
</div> </div>
<div className="flex justify-center my-2 lg:my-5"> <div className="flex justify-center my-2 lg:my-5">
<Image {data?.files?.length > 0 && (
width={1440} <Image
height={1080} width={1440}
alt="Main Image" height={1080}
src={data?.files[imageNow]?.file_url} alt="Main Image"
className="object-cover w-[100%] rounded-md" src={data?.files[imageNow]?.file_url}
/> className="object-cover w-[100%] rounded-md"
/>
)}
</div> </div>
{data?.files?.length > 1 && ( {data?.files?.length > 0 && (
<div className="flex flex-row gap-3 flex-nowrap overflow-x-auto"> <div className="flex flex-row gap-3 flex-nowrap overflow-x-auto">
{data?.files?.map((file: any, index: number) => ( {data?.files?.map((file: any, index: number) => (
<a <a
@ -184,7 +186,7 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
dangerouslySetInnerHTML={removeImgTags( dangerouslySetInnerHTML={removeImgTags(
formatTextToHtmlTag(data?.htmlDescription) formatTextToHtmlTag(data?.htmlDescription)
)} )}
className="text-sm lg:text-xl lg:leading-8 text-justify" className="text-sm lg:text-xl lg:leading-8 text-justify space-y-4"
/> />
<div className="grid grid-cols-2 md:grid-cols-4 gap-2 lg:gap-5 my-8"> <div className="grid grid-cols-2 md:grid-cols-4 gap-2 lg:gap-5 my-8">