diff --git a/src/containers/AuthenticationPage/AuthenticationPage.css b/src/containers/AuthenticationPage/AuthenticationPage.css index 5f535fbe..39e40c40 100644 --- a/src/containers/AuthenticationPage/AuthenticationPage.css +++ b/src/containers/AuthenticationPage/AuthenticationPage.css @@ -1,5 +1,13 @@ @import '../../marketplace.css'; +.layoutWrapperMain { + min-height: calc(100vh - var(--topbarHeight)); + + @media (--viewportMedium) { + min-height: calc(100vh - var(--topbarHeightDesktop)); + } +} + .root { @apply --marketplaceModalRootStyles; } diff --git a/src/containers/AuthenticationPage/AuthenticationPage.js b/src/containers/AuthenticationPage/AuthenticationPage.js index 0ea25b87..cd97b4ee 100644 --- a/src/containers/AuthenticationPage/AuthenticationPage.js +++ b/src/containers/AuthenticationPage/AuthenticationPage.js @@ -20,6 +20,11 @@ import { IconEmailSent, InlineTextButton, IconClose, + LayoutSingleColumn, + LayoutWrapperTopbar, + LayoutWrapperMain, + LayoutWrapperFooter, + Footer, } from '../../components'; import { LoginForm, SignupForm, TopbarContainer } from '../../containers'; import { login, authenticationInProgress, signup } from '../../ducks/Auth.duck'; @@ -216,10 +221,19 @@ export const AuthenticationPageComponent = props => { name: schemaTitle, }} > - -
- {showEmailVerification ? emailVerificationContent : formContent} -
+ + + + + +
+ {showEmailVerification ? emailVerificationContent : formContent} +
+
+ +