fix(global): 🐛 the nav bar is overlapping with the body section has b…

…een fixed the body section is coming under the navbar instead it is overlapping for which we are not able the see the full content has been fixed Ref: #129
wrappid · Jul 16, 2024 · 0ff2eea · 0ff2eea
1 parent ec0cbad
commit 0ff2eea
Showing 1 changed file with 33 additions and 24 deletions.
diff --git a/src/components/layouts/WrappidAppLayout.js b/src/components/layouts/WrappidAppLayout.js
@@ -21,38 +21,47 @@ export default function WrappidAppLayout() {
 
   return (
     <>
-      <CoreLayoutPlaceholder id={WrappidAppLayout.PLACEHOLDER.CONTENT} />
-
       <CoreBox styleClasses={[CoreClasses.DISPLAY.FLEX]}>
-        <CoreCssBaseline/>
+
+        <CoreCssBaseline />
 
         <CoreAppBar logo={resources?.appLogo} leftMenuEnabled={false} />
 
-      </CoreBox>
+        <CoreBox
+          component="main"
+          styleClasses={[CoreClasses.LAYOUT.CONTENT_CONTAINER, CoreClasses.LAYOUT.APPBAR_HEIGHT]}
+        >
+
+          <CoreLayoutPlaceholder id={WrappidAppLayout.PLACEHOLDER.CONTENT} />
+
+          <CoreBox
+            styleClasses={[
+              CoreClasses.DISPLAY.FLEX,
+              CoreClasses.FLEX.DIRECTION_ROW,
+              CoreClasses.PADDING.P2,
+              CoreClasses.BG.BG_PRIMARY,
+              CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN,
+            ]}
+          >
+            <CoreTypographyBody1>{packageData.name}</CoreTypographyBody1>
 
-      <CoreBox
-        styleClasses={[
-          CoreClasses.DISPLAY.FLEX,
-          CoreClasses.FLEX.DIRECTION_ROW,
-          CoreClasses.PADDING.P2,
-          CoreClasses.BG.BG_PRIMARY,
-          CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN,
-        ]}
-      >
-        <CoreTypographyBody1>{packageData.name}</CoreTypographyBody1>
-
-        <CoreTypographyBody1>
-          Wrappid ©{new Date().getFullYear()}
-        </CoreTypographyBody1>
-
-        <CoreStack direction="row">
-          <CoreLink href={"/about"}>
             <CoreTypographyBody1>
-              Version: {packageData.version}
+              Wrappid ©{new Date().getFullYear()}
             </CoreTypographyBody1>
-          </CoreLink>
-        </CoreStack>
+
+            <CoreStack direction="row">
+              <CoreLink href={"/about"}>
+                <CoreTypographyBody1>
+                  Version: {packageData.version}
+                </CoreTypographyBody1>
+              </CoreLink>
+            </CoreStack>
+          </CoreBox>
+
+        </CoreBox>
+
       </CoreBox>
+
     </>
   );
 }