fix: improve mobile container size on small devices (#1738)

2026-04-18 09:03:35 -04:00 · 2026-03-24 20:03:20 -04:00
parent 1fb1e538ce
commit ccd072fe02
1 changed files with 3 additions and 3 deletions
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -50,11 +50,11 @@ export function Root({ children }: { children?: React.ReactNode }) {
          disableGutters
          maxWidth="xl"
          sx={{
-            mt: 4,
+            mt: [2, 4],
            mb: ['56px', 4],
-            px: [undefined, 5],
+            px: [2, 5],
            pb: [4, undefined],
-            maxWidth: 'calc(100vw - 240px)',
+            maxWidth: { xs: '100vw', sm: 'calc(100vw - 240px)' },
            flexGrow: 1,
          }}
        >