IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Login: delete useless, use FormWrapper

Browse Source
This commit is contained in:
Viktor Fomin 2022-07-25 19:28:10 +03:00
parent 94cb5b0a18
commit 73e834c09f
2 changed files with 4 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/ASC.Web.Login/src/Login.jsx
View File

@ -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

26
web/ASC.Web.Login/src/StyledLogin.js
View File

@ -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`