diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-13 17:09:53 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-13 17:09:53 +0700 |
| commit | a88dbd7f7b271e78290506fdc61d68adba5d0019 (patch) | |
| tree | 43f89a761f7b72cc936e45004a4fbda2f445f92c /src/components/products | |
| parent | ada443445767679dd2d2b2c889bfac02609778b8 (diff) | |
Fixing
Diffstat (limited to 'src/components/products')
| -rw-r--r-- | src/components/products/ProductCategories.js | 16 | ||||
| -rw-r--r-- | src/components/products/ProductSlider.js | 2 |
2 files changed, 11 insertions, 7 deletions
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 && ( |