mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-04-20 05:26:20 +00:00
Added some improvements
This commit is contained in:
16
src/common/MainHeader.js
Normal file
16
src/common/MainHeader.js
Normal 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
15
src/common/MainHeader.scss
Normal file
15
src/common/MainHeader.scss
Normal 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;
|
||||
}
|
||||
BIN
src/common/shlink-logo-white.png
Normal file
BIN
src/common/shlink-logo-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Reference in New Issue
Block a user