From f418231b6b2f5e030a0d2dcc390c314602b1f740 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Sat, 6 Apr 2024 09:22:10 -0700
Subject: Move modern to the top

---
 src/reports/common/useReportStyles.js | 49 +++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/reports/common/useReportStyles.js

(limited to 'src/reports/common/useReportStyles.js')

diff --git a/src/reports/common/useReportStyles.js b/src/reports/common/useReportStyles.js
new file mode 100644
index 00000000..e09c8695
--- /dev/null
+++ b/src/reports/common/useReportStyles.js
@@ -0,0 +1,49 @@
+import { makeStyles } from '@mui/styles';
+
+export default makeStyles((theme) => ({
+  container: {
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  containerMap: {
+    flexBasis: '40%',
+    flexShrink: 0,
+  },
+  containerMain: {
+    overflow: 'auto',
+  },
+  header: {
+    position: 'sticky',
+    left: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'stretch',
+  },
+  columnAction: {
+    width: '1%',
+    paddingLeft: theme.spacing(1),
+  },
+  filter: {
+    display: 'inline-flex',
+    flexWrap: 'wrap',
+    gap: theme.spacing(2),
+    padding: theme.spacing(3, 2, 2),
+  },
+  filterItem: {
+    minWidth: 0,
+    flex: `1 1 ${theme.dimensions.filterFormWidth}`,
+  },
+  filterButtons: {
+    display: 'flex',
+    gap: theme.spacing(1),
+    flex: `1 1 ${theme.dimensions.filterFormWidth}`,
+  },
+  filterButton: {
+    flexGrow: 1,
+  },
+  chart: {
+    flexGrow: 1,
+    overflow: 'hidden',
+  },
+}));
-- 
cgit v1.2.3