From 53786da12861ce7ed0c3c0a373b82a6452d73476 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 10 Oct 2024 21:18:28 +0530
Subject: [PATCH] feat: register & login ui

---
 src/pages/Login.tsx    |  1 -
 src/pages/Register.tsx | 20 +++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 53f3d01e..f9eb8ab4 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -104,7 +104,6 @@ const Login = () => {
                     )}
                 </Button>
 
-                {/* Redirect to Register */}
                 <Typography variant="body2" align="center">
                     Don’t have an account?{' '}
                     <Link to="/register" style={{ textDecoration: 'none', color: '#1976d2' }}>
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index e132cb53..ed4b5de1 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -50,18 +50,18 @@ const Register = () => {
     };
 
     return (
-        <Container maxWidth="sm" sx={{ mt: 8 }}>
             <Box
-                sx={{
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                }}
+            sx={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                mt: 5,
+            }}
             >
                 <Typography variant="h4" gutterBottom>
                     Create an account
                 </Typography>
-                <Box component="form" onSubmit={submitForm} sx={{ mt: 1 }}>
+                <Box component="form" onSubmit={submitForm} sx={{ maxWidth: 400, width: '100%' }}>
                     <TextField
                         margin="normal"
                         required
@@ -94,7 +94,10 @@ const Register = () => {
                         disabled={loading || !email || !password}
                     >
                         {loading ? (
-                            <CircularProgress size={24} sx={{ color: '#fff' }} />
+                            <>
+                            <CircularProgress size={20} sx={{ mr: 2 }} />
+                            Loading
+                            </>
                         ) : (
                             'Register'
                         )}
@@ -107,7 +110,6 @@ const Register = () => {
                     </Typography>
                 </Box>
             </Box>
-        </Container>
     );
 };