resolve #284: set nicer paddings to layout

ZdruzenieSTROM · Nov 23, 2024 · d6f7dc4 · d6f7dc4
1 parent 362989f
commit d6f7dc4
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
@@ -45,7 +45,15 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
               <Grid xs={0} md={3} sx={{position: 'relative', display: {xs: 'none', md: 'block'}}}>
                 <StromLogo />
               </Grid>
-              <Grid xs={12} md={contentWidth * 3} sx={{py: 2, px: 1, ...sx}}>
+              <Grid
+                xs={12}
+                md={contentWidth * 3}
+                sx={{
+                  py: {xs: 4, md: 8, lg: 12},
+                  px: 2,
+                  ...sx,
+                }}
+              >
                 {children}
               </Grid>
             </Grid>