fix #3 create the header, style the site-logo to have a max-width

This commit is contained in:
Ahmed-Ayman 2018-12-05 22:09:11 +02:00
parent 401de982c8
commit c17e153fd3
4 changed files with 6 additions and 4 deletions

BIN
src/assets/images/byline.ar.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

View File

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

View File

@ -1,13 +1,15 @@
import React from 'react'; import React from 'react';
import logo from '../logo.png';
import '../styleSheets/style.css' import '../stylesheets/style.css'
class Header extends React.Component { class Header extends React.Component {
render() { render() {
const Logo = () => { const Logo = () => {
return ( return (
<nav> <nav>
<img className="site-logo" src={logo} alt="logo 858 "/> <img className="site-logo" src={require('../assets/images/logo.png')} alt="logo 858 "/>
<br/>
<img className="site-logo" src={require('../assets/images/byline.ar.png')} alt="logo 858 "/>
</nav> </nav>
); );
} }

View File

@ -1,4 +1,4 @@
.site-logo{ .site-logo{
max-width: 300px; max-width: 300px;
padding-top: 2em;
} }