feat: change width and styling
This commit is contained in:
@@ -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}
|
||||
>
|
||||
|
||||
@@ -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
|
||||
</>
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user