Added some improvements

This commit is contained in:
Alejandro Celaya
2018-05-13 09:48:21 +02:00
parent 60c45ee795
commit e62416e9bb
12 changed files with 71 additions and 50 deletions

16
src/common/MainHeader.js Normal file
View File

@@ -0,0 +1,16 @@
import React from 'react';
import './MainHeader.scss';
import {Navbar, NavbarBrand} from 'reactstrap';
import shlinkLogo from './shlink-logo-white.png';
export default class MainHeader extends React.Component {
render() {
return (
<Navbar light fixed="top" className="main-header">
<NavbarBrand href="https://shlink.io" className="mr-auto">
<img src={shlinkLogo} alt="Shlink" className="main-header__brand-logo" /> Shlink
</NavbarBrand>
</Navbar>
);
}
}

View File

@@ -0,0 +1,15 @@
@import "../utils/base";
.main-header {
background-color: $mainColor;
color: white;
.navbar-brand {
color: inherit !important;
}
}
.main-header__brand-logo {
width: 26px;
margin-right: 5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB