diff --git a/frontend/src/features/login/components/LoginCard.js b/frontend/src/features/login/components/LoginCard.js index 60a2df6..0b411c1 100644 --- a/frontend/src/features/login/components/LoginCard.js +++ b/frontend/src/features/login/components/LoginCard.js @@ -1,17 +1,12 @@ import React from "react"; import PropTypes from "prop-types"; import { Card } from "@mui/material"; -import { makeStyles } from "@mui/material/styles"; import styles from "../styles"; import LoginComponent from "./LoginComponent"; -const useStyles = makeStyles(styles); - const LoginCard = ({ credentials, onChange, onLogin }) => { - const classes = useStyles(); - return ( -
+
diff --git a/frontend/src/features/login/components/LoginComponent.js b/frontend/src/features/login/components/LoginComponent.js index b432dc9..3c83bbd 100644 --- a/frontend/src/features/login/components/LoginComponent.js +++ b/frontend/src/features/login/components/LoginComponent.js @@ -1,23 +1,19 @@ import React from "react"; import PropTypes from "prop-types"; -import { makeStyles } from "@mui/material/styles"; import { TextField, InputAdornment, Button, CardActions, CardContent } from "@mui/material"; import { AccountCircleOutlined } from "@mui/icons-material"; import PasswordField from "../../../components/common/inputs/PasswordField"; import { useTranslation } from "react-i18next"; import styles from "../styles"; -const useStyles = makeStyles(styles); - const LoginComponent = ({ credentials, onChange, onLogin }) => { - const classes = useStyles(); const { t } = useTranslation(); return ( <> { { @@ -42,8 +38,8 @@ const LoginComponent = ({ credentials, onChange, onLogin }) => { }} /> - - diff --git a/frontend/src/features/login/styles.js b/frontend/src/features/login/styles.js index b295f9e..665e7df 100644 --- a/frontend/src/features/login/styles.js +++ b/frontend/src/features/login/styles.js @@ -1,4 +1,4 @@ -const styles = theme => ({ +const styles = { onRight: { marginLeft: "auto" }, @@ -9,13 +9,13 @@ const styles = theme => ({ alignItems: "center" }, field: { - margin: theme.spacing(1), + margin: 1, width: "300px" }, actions: { paddingRight: "16px", paddingLeft: "16px" } -}); +}; export default styles;