fix: prevent adjacent slide peeking in ProductCard Swiper

2026-05-25 19:25:43 +05:00
parent 0576cc1251
commit af582a813f
2 changed files with 4 additions and 2 deletions
@@ -80,11 +80,13 @@ const ProductCardInner = ({ product, mediaHeight = 200, actions }: Props) => {
        {imageUrls.length ? (
          <Box onMouseMove={!isMobile ? onMouseMove : undefined} sx={{ height: mediaHeight, overflow: 'hidden' }}>
            <Swiper
+              slidesPerView={1}
+              spaceBetween={0}
+              allowTouchMove={!isMobile}
              onSwiper={(s) => {
                swiperRef.current = s
              }}
-              allowTouchMove={!isMobile}
-              style={{ width: '100%', height: mediaHeight }}
+              style={{ width: '100%', height: mediaHeight, overflow: 'hidden' }}
            >
              {imageUrls.map((url) => (
                <SwiperSlide key={url}>