Fix UI : Google login layout style (#7707)

* Fix google login layout style

* changes as per comments
This commit is contained in:
Ashish Gupta 2022-09-26 10:13:19 +05:30 committed by GitHub
parent ab947b93ea
commit 5e4f5ecd47
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 1 deletions

View File

@ -12,6 +12,7 @@
*/
import { Button, Divider, Form, Input, Typography } from 'antd';
import classNames from 'classnames';
import jwtDecode, { JwtPayload } from 'jwt-decode';
import { observer } from 'mobx-react';
import React, { useEffect, useMemo } from 'react';
@ -177,7 +178,10 @@ const SigninPage = () => {
className="tw-flex tw-bg-body-main tw-flex-grow"
data-testid="signin-page">
<div className="tw-w-5/12">
<div className="mt-24 tw-text-center flex-center flex-col">
<div
className={classNames('mt-24 tw-text-center flex-center flex-col', {
'sso-container': !isAuthProviderBasic,
})}>
<SVGIcons alt="OpenMetadata Logo" icon={Icons.LOGO} width="152" />
<Typography.Text strong className="mt-8 tw-mx-auto tw-text-xl w-83">
Centralized Metadata Store, Discover, <br />

View File

@ -197,3 +197,17 @@
font-size: 1rem /* 16px */;
line-height: 1.5rem /* 24px */;
}
/* SSO layout style */
.sso-container {
width: 100%;
height: 580px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
span {
margin: 0;
}
}