chore: centralize login layout

Tauffer-Consulting · Mar 4, 2024 · cf7c215 · cf7c215
1 parent 2ddf453
commit cf7c215
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/components/PrivateLayout/header/header.tsx b/frontend/src/components/PrivateLayout/header/header.tsx
@@ -1,15 +1,14 @@
 import { Box } from "@mui/material";
-import { type FC, useRef, useState } from "react";
+import { type FC, useState } from "react";
 
 import { DrawerMenu } from "./drawerMenu";
 
 export const Header: FC = () => {
   const [menuOpen, setMenuOpen] = useState(false);
-  const barHeight = useRef<HTMLDivElement>(null);
 
   return (
     <>
-      <Box sx={{ height: barHeight.current?.clientHeight ?? 64 }}>
+      <Box sx={{ height: 64 }}>
         <DrawerMenu
           isOpen={menuOpen}
           handleClose={() => {

diff --git a/frontend/src/components/PrivateLayout/index.tsx b/frontend/src/components/PrivateLayout/index.tsx
@@ -10,7 +10,7 @@ interface IPrivateLayoutProps {
 
 export const PrivateLayout: FC<IPrivateLayoutProps> = ({ children }) => {
   return (
-    <Box sx={{ display: "flex", width: "100%", marginTop: "3rem" }}>
+    <Box sx={{ display: "flex", width: "100%", marginTop: "64px" }}>
       <Header />
 
       <Container component="main" maxWidth={false} sx={{ padding: 3 }}>

diff --git a/frontend/src/components/PublicLayout/index.tsx b/frontend/src/components/PublicLayout/index.tsx
@@ -6,10 +6,11 @@ export const PublicLayout: FC<{ children: ReactNode }> = ({ children }) => {
     <Container component="main" maxWidth="sm">
       <Box
         sx={{
-          marginTop: 8,
+          height: "100vh",
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
+          justifyContent: "center",
         }}
       >
         <Card variant="outlined" sx={{ padding: 2 }}>