fix: scrolling to allow viewing the bottom of the page

Greenstand · Nov 10, 2021 · 697d667 · 697d667
1 parent 6c3dae0
commit 697d667
Showing 1 changed file with 22 additions and 24 deletions.
diff --git a/src/components/Growers/Growers.js b/src/components/Growers/Growers.js
@@ -71,43 +71,41 @@ const Growers = (props) => {
   );
 
   return (
-    <>
-      <Grid container direction="column" className={classes.outer}>
-        <Grid item className={classes.body}>
-          <Grid container>
+    <Grid item container style={{ height: '100%', overflow: 'auto' }}>
+      <Grid item className={classes.body}>
+        <Grid container>
+          <Grid
+            item
+            style={{
+              width: '100%',
+            }}
+          >
             <Grid
-              item
-              style={{
-                width: '100%',
-              }}
+              container
+              justify="space-between"
+              alignItems="center"
+              className={classes.title}
             >
-              <Grid
-                container
-                justify="space-between"
-                alignItems="center"
-                className={classes.title}
-              >
-                <Grid item>
-                  <Typography variant="h5">Growers</Typography>
-                </Grid>
-                <Grid item>{pagination}</Grid>
+              <Grid item>
+                <Typography variant="h5">Growers</Typography>
               </Grid>
-            </Grid>
-            <Grid item container direction="row" justify="center">
-              {growersItems}
+              <Grid item>{pagination}</Grid>
             </Grid>
           </Grid>
-          <Grid container className={classes.page} justify="flex-end">
-            {pagination}
+          <Grid item container direction="row" justify="center">
+            {growersItems}
           </Grid>
         </Grid>
+        <Grid container className={classes.page} justify="flex-end">
+          {pagination}
+        </Grid>
       </Grid>
       <GrowerDetail
         open={isDetailShown}
         growerId={growerDetail.id}
         onClose={() => setDetailShown(false)}
       />
-    </>
+    </Grid>
   );
 };