centered the forms

2024-11-16 15:51:25 +05:30
parent 04ed79b337
commit 4f08bfac9d
2 changed files with 10 additions and 2 deletions
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -58,7 +58,11 @@ const Login = () => {
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
-                mt: 5,
+                justifyContent: 'center',
+              
+             
+                height: "calc(100vh - 64px)",
+
            }}
        >
            <Typography variant="h4" gutterBottom>
@@ -112,6 +116,7 @@ const Login = () => {
                    </Link>
                </Typography>
            </Box>
+            
        </Box>
    );
 };
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -56,7 +56,10 @@ const Register = () => {
                display: 'flex',
                flexDirection: 'column',
                alignItems: 'center',
-                mt: 5,
+                justifyContent: 'center',
+              
+             
+                height: "calc(100vh - 64px)",
            }}
        >
            <Typography variant="h4" gutterBottom>