feat: Adjustment to spacing of content layout

visualize-admin · Mar 2, 2023 · 36652d0 · 36652d0
1 parent 1bf571c
commit 36652d0
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/app/components/layout.tsx b/app/components/layout.tsx
@@ -51,7 +51,13 @@ export const ContentLayout = ({
   );
 };
 
-export const StaticContentLayout = ({ children }: { children?: ReactNode }) => {
+export const StaticContentLayout = ({
+  children,
+  contentId,
+}: {
+  children?: ReactNode;
+  contentId: string | undefined;
+}) => {
   return (
     <Flex
       sx={{
@@ -60,7 +66,7 @@ export const StaticContentLayout = ({ children }: { children?: ReactNode }) => {
         backgroundColor: "grey.100",
       }}
     >
-      <Header pageType="content" />
+      <Header pageType="content" contentId={contentId} />
       <Flex
         component="main"
         role="main"
@@ -69,8 +75,13 @@ export const StaticContentLayout = ({ children }: { children?: ReactNode }) => {
           flex: 1,
           width: "100%",
           maxWidth: 1024,
+          my: [4, 6],
           mx: [0, 0, "auto"],
           px: 4,
+
+          "& h2": {
+            mb: 1,
+          },
         }}
       >
         {children}