Added slider-container class to examples

ant-design · Feb 5, 2024 · e06967c · e06967c
1 parent c0fde5e
commit e06967c
Show file tree

Hide file tree

Showing 30 changed files with 36 additions and 34 deletions.
diff --git a/examples/AdaptiveHeight.js b/examples/AdaptiveHeight.js
@@ -12,7 +12,7 @@ function AdaptiveHeight() {
   };
 
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AppendDots.js b/examples/AppendDots.js
@@ -32,7 +32,7 @@ function AppendDots() {
     )
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AsNavFor.js b/examples/AsNavFor.js
@@ -12,7 +12,7 @@ function AsNavFor() {
     setNav2(sliderRef2);
   }, []);
   return (
-    <div>
+    <div className="slider-container">
       <h2>Slider Syncing (AsNavFor)</h2>
       <h4>First Slider</h4>
       <Slider asNavFor={nav2} ref={slider => (sliderRef1 = slider)}>

diff --git a/examples/AutoPlay.js b/examples/AutoPlay.js
@@ -13,7 +13,7 @@ function AutoPlay() {
     cssEase: "linear"
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/AutoPlayMethods.js b/examples/AutoPlayMethods.js
@@ -19,7 +19,7 @@ function AutoPlayMethods() {
     autoplaySpeed: 2000
   };
   return (
-    <div>
+    <div className="slider-container">
       <h2>Auto Play {"&"} Pause with buttons</h2>
       <Slider ref={slider => (sliderRef = slider)} {...settings}>
         <div>

diff --git a/examples/CenterMode.js b/examples/CenterMode.js
@@ -11,7 +11,7 @@ function CenterMode() {
     speed: 500
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/CustomArrows.js b/examples/CustomArrows.js
@@ -33,7 +33,7 @@ function CustomArrows() {
     prevArrow: <SamplePrevArrow />
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/CustomPaging.js b/examples/CustomPaging.js
@@ -19,7 +19,7 @@ function CustomPaging() {
     slidesToScroll: 1
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/CustomSlides.js b/examples/CustomSlides.js
@@ -19,7 +19,7 @@ function CustomSlides() {
     slidesToScroll: 1
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <CustomSlide index={1} />
         <CustomSlide index={2} />
@@ -32,4 +32,4 @@ function CustomSlides() {
   );
 }
 
-export default SimpleSlider;
+export default CustomSlides;
diff --git a/examples/DynamicSlides.js b/examples/DynamicSlides.js
@@ -16,7 +16,7 @@ function DynamicSlides() {
     slidesToScroll: 3
   };
   return (
-    <div>
+    <div className="slider-container">
       <button className="button" onClick={handleClick}>
         Click to change slide count
       </button>

diff --git a/examples/Fade.js b/examples/Fade.js
@@ -13,7 +13,7 @@ function Fade() {
     waitForAnimate: false
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/FocusOnSelect.js b/examples/FocusOnSelect.js
@@ -10,7 +10,7 @@ function FocusOnSelect() {
     speed: 500
   };
   return (
-    <div>
+    <div className="slider-container">
       <div>Click on any slide to select and make it current slide</div>
       <Slider {...settings}>
         <div>

diff --git a/examples/LazyLoad.js b/examples/LazyLoad.js
@@ -13,7 +13,7 @@ function LazyLoad() {
     initialSlide: 2
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <img src={baseUrl + "/abstract01.jpg"} />

diff --git a/examples/MultipleItems.js b/examples/MultipleItems.js
@@ -10,7 +10,7 @@ function MultipleItems() {
     slidesToScroll: 3
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/MultipleRows.js b/examples/MultipleRows.js
@@ -13,7 +13,7 @@ function MultipleRows() {
     slidesPerRow: 2
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/PauseOnHover.js b/examples/PauseOnHover.js
@@ -12,7 +12,7 @@ function PauseOnHover() {
     pauseOnHover: true
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/PreviousNextMethods.js b/examples/PreviousNextMethods.js
@@ -17,7 +17,7 @@ function PreviousNextMethods() {
     slidesToScroll: 1
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider
         ref={slider => {
           sliderRef = slider;

diff --git a/examples/Resizable.js b/examples/Resizable.js
@@ -13,7 +13,7 @@ function Resizable() {
     slidesToScroll: 1
   };
   return (
-    <div>
+    <div className="slider-container">
       <h2> Resizable Collapsible </h2>
       <button className="button" onClick={() => setWidth(width + 100)}>
         {" "}

diff --git a/examples/Responsive.js b/examples/Responsive.js
@@ -37,7 +37,7 @@ function Responsive() {
     ]
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/Rtl.js b/examples/Rtl.js
@@ -12,7 +12,7 @@ function Rtl() {
     rtl: true
   };
   return (
-    <div>
+    <div className="slider-container">
       <h2>Right to Left</h2>
       <Slider {...settings}>
         <div>

diff --git a/examples/SimpleSlider.js b/examples/SimpleSlider.js
@@ -10,7 +10,7 @@ function SimpleSlider() {
     slidesToScroll: 1
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/SlickGoTo.js b/examples/SlickGoTo.js
@@ -16,7 +16,7 @@ function SlickGoTo() {
     beforeChange: (current, next) => setSlideIndex(next)
   };
   return (
-    <div>
+    <div className="slider-container">
       <p>Total updates: {updateCount} </p>
       <input
         onChange={e => sliderRef.slickGoTo(e.target.value)}

diff --git a/examples/SlideChangeHooks.js b/examples/SlideChangeHooks.js
@@ -19,7 +19,7 @@ function SlideChangeHooks() {
     afterChange: current => setActiveSlide2(current)
   };
   return (
-    <div>
+    <div className="slider-container">
       <h2>beforeChange and afterChange hooks</h2>
       <p>
         BeforeChange {"=>"} oldSlide: <strong>{oldSlide}</strong>

diff --git a/examples/SwipeToSlide.js b/examples/SwipeToSlide.js
@@ -15,7 +15,7 @@ function SwipeToSlide() {
     }
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/UnevenSetsFinite.js b/examples/UnevenSetsFinite.js
@@ -10,7 +10,7 @@ function UnevenSetsFinite() {
     slidesToShow: 4
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/UnevenSetsInfinite.js b/examples/UnevenSetsInfinite.js
@@ -10,7 +10,7 @@ function UnevenSetsInfinite() {
     slidesToShow: 4
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/VariableWidth.js b/examples/VariableWidth.js
@@ -12,7 +12,7 @@ function VariableWidth() {
     variableWidth: true
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div style={{ width: 100 }}>
           <p>100</p>

diff --git a/examples/VerticalMode.js b/examples/VerticalMode.js
@@ -17,7 +17,7 @@ function VerticalMode() {
     }
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/VerticalSwipeToSlide.js b/examples/VerticalSwipeToSlide.js
@@ -18,7 +18,7 @@ function VerticalSwipeToSlide() {
     }
   };
   return (
-    <div>
+    <div className="slider-container">
       <Slider {...settings}>
         <div>
           <h3>1</h3>

diff --git a/examples/config.js b/examples/config.js
@@ -1,4 +1,6 @@
-export const baseUrl =
-  process.env.NODE_ENV === "production"
-    ? "https://s3.amazonaws.com/static.neostack.com/img/react-slick"
-    : "/img/react-slick";
+// export const baseUrl =
+//   process.env.NODE_ENV === "production"
+//     ? "https://s3.amazonaws.com/static.neostack.com/img/react-slick"
+//     : "/img/react-slick";
+
+export const baseUrl = "/img/react-slick";