Merge branch 'master' of https://github.com/tannerlinsley/react-virtual

TanStack · May 8, 2020 · b38d24b · b38d24b
2 parents acd7ca3 + 11553ce
commit b38d24b
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -22,7 +22,7 @@ Hooks for virtualizing scrollable elements in React
   <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
 </a>
 
-Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley/react-table), [React Virtual](https://github.com/tannerlinsley/react-query), [React Form](https://github.com/tannerlinsley/react-form),
+Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley/react-table), [React Query](https://github.com/tannerlinsley/react-query), [React Form](https://github.com/tannerlinsley/react-form),
 [React Charts](https://github.com/tannerlinsley/react-charts)
 
 ## Quick Features

diff --git a/examples/sandbox/src/Dynamic.js b/examples/sandbox/src/Dynamic.js
@@ -43,8 +43,8 @@ function RowVirtualizerDynamic({ rows }) {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -95,8 +95,8 @@ function ColumnVirtualizerDynamic({ columns }) {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -156,8 +156,8 @@ function GridVirtualizerDynamic({ rows, columns }) {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `400px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

diff --git a/examples/sandbox/src/Fixed.js b/examples/sandbox/src/Fixed.js
@@ -35,8 +35,8 @@ function RowVirtualizerFixed() {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -86,8 +86,8 @@ function ColumnVirtualizerFixed() {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -146,8 +146,8 @@ function GridVirtualizerFixed() {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `500px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

diff --git a/examples/sandbox/src/Variable.js b/examples/sandbox/src/Variable.js
@@ -43,8 +43,8 @@ function RowVirtualizerVariable({ rows }) {
         ref={parentRef}
         className="List"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `200px`,
+          width: `400px`,
           overflow: "auto"
         }}
       >
@@ -94,8 +94,8 @@ function ColumnVirtualizerVariable({ columns }) {
         ref={parentRef}
         className="List"
         style={{
-          width: `300px`,
-          height: `75px`,
+          width: `400px`,
+          height: `100px`,
           overflow: "auto"
         }}
       >
@@ -154,8 +154,8 @@ function GridVirtualizerVariable({ rows, columns }) {
         ref={parentRef}
         className="Grid"
         style={{
-          height: `150px`,
-          width: `300px`,
+          height: `400px`,
+          width: `500px`,
           overflow: "auto"
         }}
       >

diff --git a/examples/sandbox/src/styles.css b/examples/sandbox/src/styles.css
@@ -1,6 +1,6 @@
 html {
   font-family: sans-serif;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .List {