Remove riot logo from the security setup screens

With a little faff to make the rounded borders consistent again
pull/21833/head
David Baker 2020-01-23 18:14:08 +00:00
parent 8d59cb4632
commit 5319ee4572
3 changed files with 22 additions and 3 deletions

View File

@ -95,6 +95,10 @@ limitations under the License.
} }
} }
.mx_AuthBody_noHeader {
border-radius: 4px;
}
.mx_AuthBody_editServerDetails { .mx_AuthBody_editServerDetails {
padding-left: 1em; padding-left: 1em;
font-size: 12px; font-size: 12px;

View File

@ -161,8 +161,7 @@ export default class CompleteSecurity extends React.Component {
return ( return (
<AuthPage> <AuthPage>
<AuthHeader /> <AuthBody header={false}>
<AuthBody>
<h2 className="mx_CompleteSecurity_header"> <h2 className="mx_CompleteSecurity_header">
{icon} {icon}
{title} {title}

View File

@ -17,10 +17,26 @@ limitations under the License.
'use strict'; 'use strict';
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
export default class AuthBody extends React.PureComponent { export default class AuthBody extends React.PureComponent {
static PropTypes = {
header: PropTypes.bool,
};
static defaultProps = {
header: true,
};
render() { render() {
return <div className="mx_AuthBody"> const classes = {
'mx_AuthBody': true,
'mx_AuthBody_noHeader': !this.props.header,
};
return <div className={classnames(classes)}>
{ this.props.children } { this.props.children }
</div>; </div>;
} }