Making table responsive (#124)

LibrariesHacked · Feb 24, 2025 · 18b95ce · 18b95ce
1 parent 6ebedca
commit 18b95ce
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Stops.jsx b/src/Stops.jsx
@@ -136,7 +136,7 @@ const Stops = () => {
         Stops
       </ListSubheader>
       <div style={{ display: 'flex', height: '100%' }}>
-        <div style={{ flexGrow: 1 }}>
+        <div style={{ flexGrow: 1, width: '100%' }}>
           <DataGrid
             sx={{
               backgroundColor: 'white',

diff --git a/src/theme.js b/src/theme.js
@@ -30,6 +30,11 @@ const theme = createTheme({
         }
       }
     }
+  },
+  mixins: {
+    MuiDataGrid: {
+      containerBackground: blueGrey[50]
+    }
   }
 })
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,6 +30,11 @@ const theme = createTheme({ @@
             }
           }
         }
+      },
+      mixins: {
+        MuiDataGrid: {
+          containerBackground: blueGrey[50]
+        }
       }
     })
@@ Expand Down @@