idanoo/GoScrobble
1
0
Fork 0
mirror of https://github.com/idanoo/GoScrobble synced 2025-07-01 13:42:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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; margin-left: 15px;
padding-left: 15px; padding-left: 15px;
border-left: 1px solid #282c34; 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 { React, Component } from 'react';
import { Navbar, NavbarBrand } from 'reactstrap'; import { Navbar, NavbarBrand } from 'reactstrap';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import logo from '../logo.png';
import './Navigation.css'; import './Navigation.css';
const menuItems = [ const menuItems = [
@ -43,10 +44,13 @@ class Navigation extends Component {
} }
} }
return ( return (
<div> <div>
<Navbar color="dark" dark fixed="top"> <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 => {menuItems.map(menuItem =>
<Link <Link
key={menuItem} key={menuItem}