Replace inline styles for logos with css

Also, give .mx_Login_logo a height so that if the image has not loaded yet, it will not change height (thanks @dbkr)
This commit is contained in:
Luke Barnard 2017-01-27 16:30:44 +00:00
parent 02d6a10f67
commit 87db89b67a
2 changed files with 6 additions and 1 deletions

View File

@ -30,7 +30,7 @@ module.exports = React.createClass({
render: function() { render: function() {
return ( return (
<div className="mx_Login_logo"> <div className="mx_Login_logo">
<img src={this.props.icon || "img/logo.png"} width="195" height="195" alt="Riot"/> <img src={this.props.icon || "img/logo.png"} alt="Riot"/>
</div> </div>
); );
} }

View File

@ -42,6 +42,11 @@ limitations under the License.
.mx_Login_logo { .mx_Login_logo {
text-align: center; text-align: center;
height: 195px;
}
.mx_Login_logo img {
height: 100%
} }
.mx_Login_field { .mx_Login_field {