From 70ceac01b72b62304bfb00aa6cc057ed31f66103 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Fri, 28 Mar 2025 12:00:41 +0700
Subject: [PATCH] fix: width content

---
 components/landing-page/content-category.tsx         |  4 ++--
 .../landing-polda-kaltara/latest-content-kaltara.tsx | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/landing-page/content-category.tsx b/components/landing-page/content-category.tsx
index d4d5542b..a0cff2f1 100644
--- a/components/landing-page/content-category.tsx
+++ b/components/landing-page/content-category.tsx
@@ -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 */}
diff --git a/components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx b/components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx
index 8d112c3a..871451d8 100644
--- a/components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx
+++ b/components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx
@@ -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>