fix: add box shadow

This commit is contained in:
RohitR311
2024-11-19 03:21:09 +05:30
parent 1cf92288a9
commit bb61429331

View File

@@ -64,17 +64,17 @@ const Register = () => {
component="form" component="form"
onSubmit={submitForm} onSubmit={submitForm}
sx={{ sx={{
textAlign: "center", textAlign: "center",
maxWidth: 400, backgroundColor: "#ffffff",
width: "100%", padding: 6,
backgroundColor: "#ffffff", borderRadius: 5,
padding: 4, boxShadow: "0px 20px 40px rgba(0, 0, 0, 0.2), 0px -5px 10px rgba(0, 0, 0, 0.15)",
borderRadius: 4, display: "flex",
boxShadow: "0px 0px 20px rgba(0, 0, 0, 0.1)", flexDirection: "column",
display: "flex", alignItems: "center",
flexDirection: "column", maxWidth: 400,
alignItems: "center", width: "100%",
}} }}
> >
<img src="../src/assets/maxunlogo.png" alt="logo" height={55} width={60} style={{ marginBottom: 20, borderRadius: "20%", alignItems: "center" }} /> <img src="../src/assets/maxunlogo.png" alt="logo" height={55} width={60} style={{ marginBottom: 20, borderRadius: "20%", alignItems: "center" }} />
<Typography variant="h4" gutterBottom> <Typography variant="h4" gutterBottom>