feat: increase max width of main app container

globalfund · Nov 11, 2024 · 5ce0122 · 5ce0122
1 parent 8a41bd2
commit 5ce0122
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/app/pages/geography/index.tsx b/src/app/pages/geography/index.tsx
@@ -264,7 +264,6 @@ export const Geography: React.FC = () => {
       </Box>
       {fullWidthDivider}
       <Box
-        padding="32px"
         sx={{
           "@media (max-width: 767px)": {
             padding: "16px 0",

diff --git a/src/app/theme/index.ts b/src/app/theme/index.ts
@@ -256,6 +256,21 @@ const theme = createTheme({
         },
       },
     },
+    MuiContainer: {
+      styleOverrides: {
+        root: {
+          "@media (min-width: 1200px)": {
+            maxWidth: "100%",
+          },
+          "@media (min-width: 1440px)": {
+            maxWidth: "1440px",
+          },
+          "@media (min-width: 1200px) and (max-width: 1490px)": {
+            padding: "0 50px",
+          },
+        },
+      },
+    },
     MuiAccordion: {
       styleOverrides: {
         root: {