fix: height of items in best-selling items resolved

pooriaset · May 4, 2024 · d9879c1 · d9879c1
1 parent 4cb2f17
commit d9879c1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/BestSellingProducts/BestSellingProducts.tsx b/src/components/BestSellingProducts/BestSellingProducts.tsx
@@ -2,9 +2,9 @@
 
 import { GetAllProductsQuery } from '@/graphql/types/graphql';
 import { Card, CardContent, CardHeader } from '@mui/material';
+import { useTranslations } from 'next-intl';
 import { FC } from 'react';
 import Slider from './components/Slider';
-import { useTranslations } from 'next-intl';
 
 export interface BestSellingProductsProps {
   items?: NonNullable<GetAllProductsQuery['products']>['nodes'];

diff --git a/src/components/BestSellingProducts/components/Slider.tsx b/src/components/BestSellingProducts/components/Slider.tsx
@@ -38,11 +38,19 @@ const Slider: FC<SliderProps> = ({ items }) => {
         },
       }}
       spaceBetween={16}
+      style={{
+        paddingBottom: 2,
+      }}
     >
       {items?.map((product) => {
         if (product.__typename === 'VariableProduct') {
           return (
-            <SwiperSlide key={product.databaseId}>
+            <SwiperSlide
+              key={product.databaseId}
+              style={{
+                height: 'auto',
+              }}
+            >
               <VariableProductItem data={product} />
             </SwiperSlide>
           );