diff --git a/src/components/SideNav.js b/src/components/SideNav.js new file mode 100644 index 0000000..9af9d70 --- /dev/null +++ b/src/components/SideNav.js @@ -0,0 +1,59 @@ +import React from 'react'; +import {ReactComponent as Dashboard} from '../assets/dashboard.svg'; + +/** @jsx jsx */ +import { css, jsx } from '@emotion/core'; +const layout = css` + positon: absolute; + width:25%; + height:100vh; +`; +const linkStyle=css` + text-decoration: none; +`; +const listStyle=css` + list-style: none; +`; +const listLinkStyle =css` +padding: 10px 20px 10px 20px; +cursor: pointer; +:hover{ + border: 1px solid rgba(200,200,200,0.2); + } +`; + +export const SideNavBar = () => { + return ( +