Footer to PasswordResetPage

This commit is contained in:
Vesa Luusua 2017-10-20 18:21:48 +03:00
parent 9d8297497e
commit 1982eb4639
2 changed files with 30 additions and 3 deletions

View file

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

View file

@ -7,7 +7,17 @@ import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
import * as propTypes from '../../util/propTypes';
import { parse } from '../../util/urlHelpers';
import { isScrollingDisabled } from '../../ducks/UI.duck';
import { Page, NamedLink, IconKeys, IconKeysSuccess } from '../../components';
import {
Page,
NamedLink,
IconKeys,
IconKeysSuccess,
LayoutSingleColumn,
LayoutWrapperTopbar,
LayoutWrapperMain,
LayoutWrapperFooter,
Footer,
} from '../../components';
import { PasswordResetForm, TopbarContainer } from '../../containers';
import { resetPassword } from './PasswordResetPage.duck';
@ -118,8 +128,17 @@ export class PasswordResetPageComponent extends Component {
logoutError={logoutError}
scrollingDisabled={scrollingDisabled}
>
<TopbarContainer />
<div className={css.root}>{content}</div>
<LayoutSingleColumn>
<LayoutWrapperTopbar>
<TopbarContainer />
</LayoutWrapperTopbar>
<LayoutWrapperMain className={css.layoutWrapperMain}>
<div className={css.root}>{content}</div>
</LayoutWrapperMain>
<LayoutWrapperFooter>
<Footer />
</LayoutWrapperFooter>
</LayoutSingleColumn>
</Page>
);
}