imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

switch to a LoginPage wrapper component

Browse source 
as it's much nicer in the CSS to wrap the LoginBox as needed rather than have separate header & footer divs floating above and below it which need to be correctly vertically centered
This commit is contained in:
Matthew Hodgson 2017-10-24 23:37:26 +01:00
parent f09fbccc19
commit 26e8b2c1b3
7 changed files with 70 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/structures/login/Login.js
View file

@ -329,8 +329,7 @@ module.exports = React.createClass({
render: function() {
const Loader = sdk.getComponent("elements.Spinner");
const LoginPageHeader = sdk.getComponent("login.LoginPageHeader");
const LoginPageFooter = sdk.getComponent("login.LoginPageFooter");
const LoginPage = sdk.getComponent("login.LoginPage");
const LoginHeader = sdk.getComponent("login.LoginHeader");
const LoginFooter = sdk.getComponent("login.LoginFooter");
const ServerConfig = sdk.getComponent("login.ServerConfig");
@ -367,8 +366,7 @@ module.exports = React.createClass({
}
return (
<div className="mx_Login">
<LoginPageHeader />
<LoginPage>
<div className="mx_Login_box">
<LoginHeader />
<div>
@ -389,8 +387,7 @@ module.exports = React.createClass({
<LoginFooter />
</div>
</div>
<LoginPageFooter />
</div>
</LoginPage>
);
},
});