Optimize drawer width to reduce wasted space in reports and settings

traccar · Nov 10, 2024 · 2a54337 · 2a54337
1 parent 62f6da1
commit 2a54337
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/common/components/PageLayout.jsx b/src/common/components/PageLayout.jsx
@@ -27,7 +27,8 @@ const useStyles = makeStyles((theme) => ({
     flexDirection: 'column',
   },
   desktopDrawer: {
-    width: theme.dimensions.drawerWidthDesktop,
+    maxWidth: theme.dimensions.drawerWidthDesktop,
+    position: 'relative !important',
   },
   mobileDrawer: {
     width: theme.dimensions.drawerWidthTablet,

diff --git a/src/other/GeofencesPage.jsx b/src/other/GeofencesPage.jsx
@@ -37,7 +37,7 @@ const useStyles = makeStyles((theme) => ({
     display: 'flex',
     flexDirection: 'column',
     [theme.breakpoints.up('sm')]: {
-      width: theme.dimensions.drawerWidthDesktop,
+      maxWidth: theme.dimensions.drawerWidthDesktop,
     },
     [theme.breakpoints.down('sm')]: {
       height: theme.dimensions.drawerHeightPhone,