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, overflow: 'hidden' }}
              style={{ width: '100%', height: mediaHeight }}
            >
              {imageUrls.map((url) => (
                <SwiperSlide key={url}>