Extract TopBar to a component / improve style

This commit is contained in:
2020-05-11 19:09:59 +02:00
parent cd1e23f2ea
commit 1c9dbf0615
4 changed files with 32 additions and 30 deletions

25
src/components/TopBar.js Normal file
View File

@@ -0,0 +1,25 @@
import React from 'react';
import { Header, Navbar, Nav, Icon } from 'rsuite';
const headerStyle = {
borderRadius: '7px 7px 0 0',
};
function TopBar() {
return (
<Header >
<Navbar appearance='inverse' style={headerStyle}>
<Navbar.Body>
<Nav pullRight>
<Nav.Item
icon={<Icon size='2x' icon='user-circle' />}
></Nav.Item>
</Nav>
</Navbar.Body>
</Navbar>
</Header>
);
}
export default TopBar;