mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: width content

This commit is contained in:
Sabda Yagra 2025-03-28 12:00:41 +07:00
parent 8812ce02ac
commit 70ceac01b7
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/landing-page/content-category.tsx
View File

@ -93,7 +93,7 @@ const ContentCategory = (props: { group?: string }) => {
width={2560}
height={1440}
src={category?.thumbnailLink}
className="w-full lg:w-[315px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
className="w-full lg:w-[325px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
/>
{/* Overlay gelap */}
@ -129,7 +129,7 @@ const ContentCategory = (props: { group?: string }) => {
width={2560}
height={1440}
src={category?.thumbnailLink}
className="w-full lg:w-[315px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
className="w-full lg:w-[325px] lg:h-[250px] h-40 object-cover group-hover:scale-110 transition-transform duration-300"
/>
{/* Overlay Gelap */}

12
components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx
View File

@ -168,7 +168,7 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
<Carousel className="">
<CarouselContent>
{content?.map((image: any) => (
<CarouselItem key={image?.id} className="basis-1/2 md:basis-1/3 lg:basis-1/4">
<CarouselItem key={image?.id} className="md:basis-1/3 lg:basis-1/4">
<div onClick={() => router.push(prefixPath + `/image/detail/${image?.slug}`)} className="cursor-pointer relative group rounded-md overflow-hidden">
{/* Gambar */}
<Image
@ -177,11 +177,11 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
width={2560}
height={1440}
src={image?.thumbnailLink}
className="w-full lg:w-[390px] h-48 md:h-56 lg:h-[490px] object-cover rounded-md"
className="w-full lg:w-[400px] h-48 md:h-56 lg:h-[490px] object-cover rounded-md"
/>
{/* Overlay gelap */}
<div className="absolute inset-0 bg-black bg-opacity-30 group-hover:bg-opacity-40 transition-all duration-300 rounded-md"></div>
<div className="absolute inset-0 bg-black bg-opacity-30 rounded-md"></div>
{/* Kategori */}
<span className="absolute top-2 left-2 z-10 text-xs md:text-sm font-sans font-semibold uppercase px-2 py-1 bg-white bg-opacity-20 border border-[#c03724] text-[#c03724] rounded-md">{image?.categoryName}</span>
@ -279,7 +279,7 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
<CarouselContent>
{content?.map((video: any) => (
<CarouselItem key={video?.id} className="md:basis-1/3 lg:basis-1/4">
<div onClick={() => router.push(prefixPath + `/video/detail/${video?.slug}`)} className="cursor-pointer relative group rounded-lg overflow-hidden">
<div onClick={() => router.push(prefixPath + `/video/detail/${video?.slug}`)} className="cursor-pointer relative group rounded-md overflow-hidden">
{/* Gambar */}
<Image
placeholder={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`}
@ -287,11 +287,11 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
width={2560}
height={1440}
src={video?.thumbnailLink}
className="w-full lg:w-[315px] h-48 md:h-56 lg:h-[490px] object-cover rounded-lg transition-transform duration-300"
className="w-full lg:w-[400px] h-48 md:h-56 lg:h-[490px] object-cover rounded-md"
/>
{/* Overlay Gelap */}
<div className="absolute inset-0 bg-black bg-opacity-30 group-hover:bg-opacity-40 transition-all duration-300 rounded-lg"></div>
<div className="absolute inset-0 bg-black bg-opacity-30 rounded-lg"></div>
{/* Kategori */}
<span className="absolute top-2 left-2 z-10 text-xs md:text-sm font-sans font-semibold uppercase px-2 py-1 bg-white bg-opacity-20 border border-[#c03724] text-[#c03724] rounded-md">{video?.categoryName}</span>