fix header and main layout

protofire · Dec 20, 2023 · b844f6f · b844f6f
1 parent 6525c90
commit b844f6f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/layout/AppLayout.tsx b/src/components/layout/AppLayout.tsx
@@ -15,7 +15,7 @@ import { VerticalMenuBar } from "./VerticalMenuBar";
 const ContentWrapper = styled(Box)<BoxProps & { drawerwidth: number }>(
   ({ theme, drawerwidth }) => ({
     width: "100%",
-    paddingTop: theme.spacing(2),
+    paddingTop: theme.spacing(10),
     paddingLeft: theme.spacing(scalePixels(drawerwidth) + 4),
     paddingRight: theme.spacing(4),
     [theme.breakpoints.up("xl")]: {

diff --git a/src/components/layout/TopBar.tsx b/src/components/layout/TopBar.tsx
@@ -11,7 +11,7 @@ export function TopBar({
   buttonActionComponent?: React.ReactNode;
 }) {
   return (
-    <AppBar elevation={0} position="static">
+    <AppBar elevation={0} position="fixed">
       <Toolbar>
         <Stack direction="row" gap={1} sx={{ flexGrow: 1 }}>
           <Link href={ROUTES.Home} passHref>