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

merge dev-sabda

This commit is contained in:
Sabda Yagra 2025-03-28 13:33:40 +07:00
parent 25accfd373 70ceac01b7
commit 20e563c148
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} width={2560}
height={1440} height={1440}
src={category?.thumbnailLink} 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 */} {/* Overlay gelap */}
@ -129,7 +129,7 @@ const ContentCategory = (props: { group?: string }) => {
width={2560} width={2560}
height={1440} height={1440}
src={category?.thumbnailLink} 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 */} {/* 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=""> <Carousel className="">
<CarouselContent> <CarouselContent>
{content?.map((image: any) => ( {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"> <div onClick={() => router.push(prefixPath + `/image/detail/${image?.slug}`)} className="cursor-pointer relative group rounded-md overflow-hidden">
{/* Gambar */} {/* Gambar */}
<Image <Image
@ -177,11 +177,11 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
width={2560} width={2560}
height={1440} height={1440}
src={image?.thumbnailLink} 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 */} {/* 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 */} {/* 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> <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> <CarouselContent>
{content?.map((video: any) => ( {content?.map((video: any) => (
<CarouselItem key={video?.id} className="md:basis-1/3 lg:basis-1/4"> <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 */} {/* Gambar */}
<Image <Image
placeholder={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`} placeholder={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`}
@ -287,11 +287,11 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
width={2560} width={2560}
height={1440} height={1440}
src={video?.thumbnailLink} 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 */} {/* 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 */} {/* 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> <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>