fix: smoothed out carousel

HORNET-Storage · Jul 6, 2024 · 9353e55 · 9353e55
1 parent ecbaf68
commit 9353e55
Showing 1 changed file with 17 additions and 13 deletions.
diff --git a/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx b/src/components/nft-dashboard/trending-creators/TrendingCreators.tsx
@@ -86,8 +86,12 @@ export const TrendingCreators: React.FC = () => {
           afterChange={() => setDragging(false)}
           slidesToShow={7}
           ref={sliderRef}
+          swipe={true}
           centerMode={false}
-          infinite={false}
+          speed={500}
+          swipeToSlide={true}
+          draggable={true}
+          easing="ease-in-out"
           responsive={[
             {
               breakpoint: 1920,
@@ -104,7 +108,7 @@ export const TrendingCreators: React.FC = () => {
             {
               breakpoint: 1700,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 7,
               },
             },
             {
@@ -116,67 +120,67 @@ export const TrendingCreators: React.FC = () => {
             {
               breakpoint: 1370,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1279,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1200,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1120,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 1020,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 920,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 820,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 6,
               },
             },
             {
               breakpoint: 767,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 650,
               settings: {
-                slidesToShow: 8,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 550,
               settings: {
-                slidesToShow: 7,
+                slidesToShow: 5,
               },
             },
             {
               breakpoint: 500,
               settings: {
-                slidesToShow: 6,
+                slidesToShow: 5,
               },
             },
             {