diff --git a/packages/ra-ui-materialui/src/auth/Login.tsx b/packages/ra-ui-materialui/src/auth/Login.tsx index 3738b08d833..ef24e667ee9 100644 --- a/packages/ra-ui-materialui/src/auth/Login.tsx +++ b/packages/ra-ui-materialui/src/auth/Login.tsx @@ -27,6 +27,8 @@ import DefaultLoginForm from './LoginForm'; interface Props { backgroundImage?: string; children: ReactNode; + classes?: object; + className?: string; staticContext?: StaticContext; theme: object; } @@ -78,6 +80,7 @@ const Login: React.FunctionComponent< Props & HtmlHTMLAttributes > = ({ theme, + classes: classesOverride, className, children, staticContext, @@ -85,7 +88,7 @@ const Login: React.FunctionComponent< ...rest }) => { const containerRef = useRef(); - const styles = useStyles({}); + const classes = useStyles({ classes: classesOverride }); const muiTheme = useMemo(() => createMuiTheme(theme), [theme]); let backgroundImageLoaded = false; const checkAuth = useCheckAuth(); @@ -126,13 +129,13 @@ const Login: React.FunctionComponent< return (
- -
- + +
+
@@ -147,6 +150,8 @@ const Login: React.FunctionComponent< Login.propTypes = { backgroundImage: PropTypes.string, children: PropTypes.node, + classes: PropTypes.object, + className: PropTypes.string, theme: PropTypes.object, staticContext: PropTypes.object, };