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

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

@ -153,6 +153,7 @@ 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">
{data?.files?.length > 0 && (
<Image <Image
width={1440} width={1440}
height={1080} height={1080}
@ -160,8 +161,9 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
src={data?.files[imageNow]?.file_url} src={data?.files[imageNow]?.file_url}
className="object-cover w-[100%] rounded-md" 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">