858/frontend
1
0
Fork 0
Code Issues 11 Pull Requests Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

0
src/logo.png → src/assets/images/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

8
src/components/Header.js
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>
); );
} }

2
src/styleSheets/style.css → src/stylesheets/style.css
View File

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