feat: change width and styling

This commit is contained in:
RohitR311
2025-01-08 22:37:02 +05:30
parent e907615f9b
commit 521ce57a80
2 changed files with 3 additions and 48 deletions

View File

@@ -69,7 +69,6 @@ const Login = () => {
mt: 6,
padding: 4,
backgroundColor: darkMode ? "#121212" : "#ffffff",
}}
>
<Box
@@ -85,7 +84,7 @@ const Login = () => {
display: "flex",
flexDirection: "column",
alignItems: "center",
maxWidth: 400,
maxWidth: 500,
width: "100%",
}}
>
@@ -102,15 +101,6 @@ const Login = () => {
margin="normal"
variant="outlined"
required
sx={{
input: { color: darkMode ? "#ffffff" : "#000000" },
label: { color: darkMode ? "#bbbbbb" : "#000000" },
"& .MuiOutlinedInput-root": {
"& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
"&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
"&.Mui-focused fieldset": { borderColor: "#ff33cc" },
},
}}
/>
<TextField
fullWidth
@@ -122,15 +112,6 @@ const Login = () => {
margin="normal"
variant="outlined"
required
sx={{
input: { color: darkMode ? "#ffffff" : "#000000" },
label: { color: darkMode ? "#bbbbbb" : "#000000" },
"& .MuiOutlinedInput-root": {
"& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
"&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
"&.Mui-focused fieldset": { borderColor: "#ff33cc" },
},
}}
/>
<Button
type="submit"
@@ -140,10 +121,6 @@ const Login = () => {
sx={{
mt: 2,
mb: 2,
backgroundColor: "#ff33cc" ,
"&:hover": {
backgroundColor: "#e6009e" ,
},
}}
disabled={loading || !email || !password}
>

View File

@@ -79,7 +79,7 @@ const Register = () => {
display: "flex",
flexDirection: "column",
alignItems: "center",
maxWidth: 400,
maxWidth: 500,
width: "100%",
}}
>
@@ -106,15 +106,6 @@ const Register = () => {
margin="normal"
variant="outlined"
required
sx={{
input: { color: darkMode ? "#ffffff" : "#000000" },
label: { color: darkMode ? "#bbbbbb" : "#000000" },
"& .MuiOutlinedInput-root": {
"& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
"&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
"&.Mui-focused fieldset": { borderColor: "#ff33cc" },
},
}}
/>
<TextField
fullWidth
@@ -126,15 +117,6 @@ const Register = () => {
margin="normal"
variant="outlined"
required
sx={{
input: { color: darkMode ? "#ffffff" : "#000000" },
label: { color: darkMode ? "#bbbbbb" : "#000000" },
"& .MuiOutlinedInput-root": {
"& fieldset": { borderColor: darkMode ? "#555555" : "#cccccc" },
"&:hover fieldset": { borderColor: darkMode ? "#ffffff" : "#000000" },
"&.Mui-focused fieldset": { borderColor: "#ff33cc" },
},
}}
/>
<Button
type="submit"
@@ -144,16 +126,12 @@ const Register = () => {
sx={{
mt: 2,
mb: 2,
backgroundColor: "#ff33cc",
"&:hover": {
backgroundColor:"#e6009e",
},
}}
disabled={loading || !email || !password}
>
{loading ? (
<>
<CircularProgress size={20} sx={{ mr: 2, color: "#ffffff" }} />
<CircularProgress size={20} sx={{ mr: 2 }} />
Loading
</>
) : (