Make table in resource forecast scrollable (#2297)

bcgov · May 29, 2024 · ad20c6b · ad20c6b
1 parent 5890053
commit ad20c6b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/epictrack-web/src/components/reports/resourceForecast/ResourceForecast.tsx b/epictrack-web/src/components/reports/resourceForecast/ResourceForecast.tsx
@@ -457,6 +457,17 @@ export default function ResourceForecast() {
               paddingRight: "2px",
             },
           }}
+          muiTableContainerProps={{
+            sx: {
+              maxHeight: {
+                xs: "calc(100vh - 200px)",
+                sm: "calc(100vh - 250px)",
+                md: "calc(100vh - 300px)",
+                lg: "calc(100vh - 350px)",
+                xl: "calc(100vh - 400px)",
+              },
+            },
+          }}
           onColumnFiltersChange={setColumnFilters}
           onColumnVisibilityChange={setColumnVisibility}
           onGlobalFilterChange={setGlobalFilter}