From a88dbd7f7b271e78290506fdc61d68adba5d0019 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Mon, 13 Feb 2023 17:09:53 +0700
Subject: Fixing

---
 src/components/products/ProductCategories.js | 16 ++++++++++------
 src/components/products/ProductSlider.js     |  2 +-
 2 files changed, 11 insertions(+), 7 deletions(-)

(limited to 'src/components/products')

diff --git a/src/components/products/ProductCategories.js b/src/components/products/ProductCategories.js
index 54ca854b..3b671f29 100644
--- a/src/components/products/ProductCategories.js
+++ b/src/components/products/ProductCategories.js
@@ -18,7 +18,7 @@ const ProductCategory = ({ id }) => {
   }, [id, content]);
   
   return (
-    <div className="my-6 px-4 pt-4 relative">
+    <div className="p-4 relative bg-yellow_r-2">
       { content ? (
         <ProductSlider 
           products={{
@@ -50,9 +50,13 @@ export default function ProductCategories() {
     getContentIds();
   }, [ contentIds ]);
 
-  return contentIds.map((contentId) => (
-    <LazyLoadComponent placeholder={<SkeletonProduct/>}  key={contentId}>
-      <ProductCategory id={contentId} />
-    </LazyLoadComponent>
-  )); 
+  return (
+    <div className="flex flex-col gap-y-6">
+      { contentIds.map((contentId) => (
+        <LazyLoadComponent placeholder={<SkeletonProduct/>}  key={contentId}>
+          <ProductCategory id={contentId} />
+        </LazyLoadComponent>
+      )) }
+    </div>
+  ) 
 }
\ No newline at end of file
diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
index 11fab069..662a6511 100644
--- a/src/components/products/ProductSlider.js
+++ b/src/components/products/ProductSlider.js
@@ -19,7 +19,7 @@ export default function ProductSlider({
   return (
     <>
       { bannerMode && (
-        <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[52%] idt-transition border border-gray_r-6 ` + (activeIndex > 0 ? 'opacity-10' : 'opacity-100')} />
+        <Image src={products.banner.image} alt={products.banner.name} className={`absolute rounded-r top-0 left-0 h-full max-w-[52%] idt-transition border border-gray_r-6 ` + (activeIndex > 0 ? 'opacity-0' : 'opacity-100')} />
       ) }
       <Swiper freeMode={true} slidesPerView={2.2} spaceBetween={8} onSlideChange={swiperSliderFirstMove} prefix="product">
         { bannerMode && (
-- 
cgit v1.2.3