Web: Login: use class with-background-pattern
This commit is contained in:
parent
82a58efebd
commit
2f1740cb28
@ -570,7 +570,11 @@ const LoginForm = (props) => {
|
|||||||
const { enabledJoin, isDesktop } = props;
|
const { enabledJoin, isDesktop } = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<LoginFormWrapper enabledJoin={enabledJoin} isDesktop={isDesktop}>
|
<LoginFormWrapper
|
||||||
|
className="with-background-pattern"
|
||||||
|
enabledJoin={enabledJoin}
|
||||||
|
isDesktop={isDesktop}
|
||||||
|
>
|
||||||
<Section>
|
<Section>
|
||||||
<Section.SectionBody>
|
<Section.SectionBody>
|
||||||
<Form {...props} />
|
<Form {...props} />
|
||||||
|
@ -225,17 +225,4 @@ export const LoginFormWrapper = styled.div`
|
|||||||
: css`1fr`};
|
: css`1fr`};
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
||||||
background-image: url("/static/images/background.pattern.react.svg");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
|
|
||||||
@media ${tablet} {
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media ${hugeMobile} {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user