Fix issue-2833: UI: Sandbox page overflows from the bottom (#3622)

This commit is contained in:
Shailesh Parmar 2022-03-24 00:36:39 +05:30 committed by GitHub
parent 8009906840
commit 9c71754b25
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -84,31 +84,33 @@ const SigninPage = () => {
}
return (
<div
className="tw-flex tw-bg-body-main tw-h-screen"
data-testid="signin-page">
<div className="tw-w-5/12">
<div className="tw-mt-52 tw-text-center">
<SVGIcons alt="OpenMetadata Logo" icon={Icons.LOGO} width="152" />
<p className="tw-mt-24 tw-mx-auto tw-text-xl tw-text-grey-muted tw-font-medium tw-w-10/12">
Centralized Metadata Store, Discover, Collaborate and get your Data
Right
</p>
<div className="tw-mt-24">{getSignInButton()}</div>
<div className="tw-flex tw-flex-col tw-h-full">
<div
className="tw-flex tw-bg-body-main tw-flex-grow"
data-testid="signin-page">
<div className="tw-w-5/12">
<div className="tw-mt-52 tw-text-center">
<SVGIcons alt="OpenMetadata Logo" icon={Icons.LOGO} width="152" />
<p className="tw-mt-24 tw-mx-auto tw-text-xl tw-text-grey-muted tw-font-medium tw-w-10/12">
Centralized Metadata Store, Discover, Collaborate and get your
Data Right
</p>
<div className="tw-mt-24">{getSignInButton()}</div>
</div>
</div>
</div>
<div className="tw-w-7/12 tw-relative">
<div className="tw-absolute tw-inset-0">
<img
alt="bg-image"
className="tw-w-full tw-h-screen"
data-testid="bg-image"
src={loginBG}
/>
</div>
<div className="tw-relative">
<div className="tw-flex tw-justify-center tw-mt-44">
<LoginCarousel />
<div className="tw-w-7/12 tw-relative">
<div className="tw-absolute tw-inset-0">
<img
alt="bg-image"
className="tw-w-full tw-h-full"
data-testid="bg-image"
src={loginBG}
/>
</div>
<div className="tw-relative">
<div className="tw-flex tw-justify-center tw-mt-44 tw-mb-10">
<LoginCarousel />
</div>
</div>
</div>
</div>