Update example

vadymshymko · Oct 6, 2019 · ccb74f8 · ccb74f8
1 parent 1ccff1a
commit ccb74f8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 25 deletions.
diff --git a/README.md b/README.md
@@ -53,15 +53,15 @@ class App extends Component {
         itemsToScroll={3}
       >
         <div style={{ width: 300, height: 300 }}>slide 0</div>
-        <div style={{ width: 350, height: 300 }}>slide 1</div>
-        <div style={{ width: 400, height: 300 }}>slide 2</div>
-        <div style={{ width: 450, height: 300 }}>slide 3</div>
-        <div style={{ width: 500, height: 300 }}>slide 4</div>
-        <div style={{ width: 550, height: 300 }}>slide 5</div>
-        <div style={{ width: 650, height: 300 }}>slide 6</div>
-        <div style={{ width: 700, height: 300 }}>slide 7</div>
-        <div style={{ width: 750, height: 300 }}>slide 8</div>
-        <div style={{ width: 800, height: 300 }}>slide 9</div>
+        <div style={{ width: 300, height: 300 }}>slide 1</div>
+        <div style={{ width: 300, height: 300 }}>slide 2</div>
+        <div style={{ width: 300, height: 300 }}>slide 3</div>
+        <div style={{ width: 300, height: 300 }}>slide 4</div>
+        <div style={{ width: 300, height: 300 }}>slide 5</div>
+        <div style={{ width: 300, height: 300 }}>slide 6</div>
+        <div style={{ width: 300, height: 300 }}>slide 7</div>
+        <div style={{ width: 300, height: 300 }}>slide 8</div>
+        <div style={{ width: 300, height: 300 }}>slide 9</div>
       </Carousel>
     );
   }

diff --git a/example/src/App.js b/example/src/App.js
@@ -89,22 +89,16 @@ class App extends Component {
             }
           ]}
         >
-
-          {Array.from({ length: 5 }).map((item, index) => (
-            <div
-              style={{
-                height: '300px',
-                width: '300px',
-                fontSize: "240px",
-                border: "30px solid #fff",
-                backgroundColor: "#000",
-                color: "#fff",
-              }}
-              key={index}
-            >
-              {index}
-            </div>
-          ))}
+          <div style={{ width: 300, height: 300 }}>slide 0</div>
+          <div style={{ width: 300, height: 300 }}>slide 1</div>
+          <div style={{ width: 300, height: 300 }}>slide 2</div>
+          <div style={{ width: 300, height: 300 }}>slide 3</div>
+          <div style={{ width: 300, height: 300 }}>slide 4</div>
+          <div style={{ width: 300, height: 300 }}>slide 5</div>
+          <div style={{ width: 300, height: 300 }}>slide 6</div>
+          <div style={{ width: 300, height: 300 }}>slide 7</div>
+          <div style={{ width: 300, height: 300 }}>slide 8</div>
+          <div style={{ width: 300, height: 300 }}>slide 9</div>
         </Carousel>
       </div>
     )