Web: Login: delete useless, use FormWrapper
This commit is contained in:
parent
94cb5b0a18
commit
73e834c09f
@ -42,6 +42,7 @@ import {
|
|||||||
import AppLoader from "@appserver/common/components/AppLoader";
|
import AppLoader from "@appserver/common/components/AppLoader";
|
||||||
import EmailInput from "@appserver/components/email-input";
|
import EmailInput from "@appserver/components/email-input";
|
||||||
import { ReactSVG } from "react-svg";
|
import { ReactSVG } from "react-svg";
|
||||||
|
import FormWrapper from "@appserver/components/form-wrapper";
|
||||||
|
|
||||||
const settings = {
|
const settings = {
|
||||||
minLength: 6,
|
minLength: 6,
|
||||||
@ -384,7 +385,7 @@ const Form = (props) => {
|
|||||||
{greetingTitle}
|
{greetingTitle}
|
||||||
</Text>
|
</Text>
|
||||||
|
|
||||||
<div className="form-wrapper">
|
<FormWrapper>
|
||||||
{ssoExists() && <ButtonsWrapper>{ssoButton()}</ButtonsWrapper>}
|
{ssoExists() && <ButtonsWrapper>{ssoButton()}</ButtonsWrapper>}
|
||||||
|
|
||||||
{oauthDataExists() && (
|
{oauthDataExists() && (
|
||||||
@ -531,7 +532,7 @@ const Form = (props) => {
|
|||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</FormWrapper>
|
||||||
<Toast />
|
<Toast />
|
||||||
|
|
||||||
<MoreLoginModal
|
<MoreLoginModal
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import { tablet, hugeMobile } from "@appserver/components/utils/device";
|
import { hugeMobile } from "@appserver/components/utils/device";
|
||||||
import styled, { css } from "styled-components";
|
import styled, { css } from "styled-components";
|
||||||
|
|
||||||
export const ButtonsWrapper = styled.div`
|
export const ButtonsWrapper = styled.div`
|
||||||
@ -189,30 +189,6 @@ export const LoginContainer = styled.div`
|
|||||||
height: 39px;
|
height: 39px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-wrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 32px;
|
|
||||||
background: #ffffff;
|
|
||||||
box-shadow: 0px 5px 20px rgba(4, 15, 27, 0.07);
|
|
||||||
border-radius: 12px;
|
|
||||||
|
|
||||||
max-width: 384px;
|
|
||||||
|
|
||||||
@media ${tablet} {
|
|
||||||
max-width: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media ${hugeMobile} {
|
|
||||||
padding: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
max-width: 311px;
|
|
||||||
background: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const LoginFormWrapper = styled.div`
|
export const LoginFormWrapper = styled.div`
|
||||||
|
Loading…
Reference in New Issue
Block a user