idanoo/GoScrobble
1
0
Fork 0
mirror of https://github.com/idanoo/GoScrobble.git synced 2024-11-22 08:25:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add logo to navbar

Browse Source
This commit is contained in:
Daniel Mason 2021-03-28 22:53:14 +13:00
parent 84cb4e8978
commit c83c086cdd
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/Components/Navigation.css
View File

@ -12,4 +12,10 @@
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #282c34;
}
.nav-logo {
height: 50px;
margin: -15px 5px -15px -5px;
}

6
web/src/Components/Navigation.js
View File

@ -1,6 +1,7 @@
import { React, Component } from 'react';
import { Navbar, NavbarBrand } from 'reactstrap';
import { Link } from 'react-router-dom';
import logo from '../logo.png';
import './Navigation.css';
const menuItems = [
@ -43,10 +44,13 @@ class Navigation extends Component {
}
}
return (
<div>
<Navbar color="dark" dark fixed="top">
<NavbarBrand href="/" className="mr-auto">GoScrobble</NavbarBrand>
<NavbarBrand href="/" className="mr-auto"><img src={logo} className="nav-logo" alt="logo" /> GoScrobble</NavbarBrand>
{menuItems.map(menuItem =>
<Link
key={menuItem}