Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-08 07:56:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: update header/nav style to match layout

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-07-29 10:26:55 -04:00
parent 51ab549237
commit f49432e638
7 changed files with 130 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Sidebar/index.tsx
-29
View File
@@ -1,29 +0,0 @@
import React, { PropsWithChildren } from "react"
import logo from "../../images/tph-logo.png"
import * as SC from "./styles"
import ArrowRight from "../../icons/arrow-right.svg"
function MenuItem({ children, to }: PropsWithChildren<{ to: string }>) {
return (
<SC.MenuItem to={to}>
{children} <ArrowRight />
</SC.MenuItem>
)
}
export function Sidebar() {
return (
<SC.SidebarWrapper>
<SC.Logo src={logo} />
<SC.Menu>
<MenuItem to="/">about</MenuItem>
<MenuItem to="/">rules</MenuItem>
<MenuItem to="/">faq</MenuItem>
<MenuItem to="/">hotbot</MenuItem>
<MenuItem to="/docs">documentation</MenuItem>
<MenuItem to="/">tech spotlight</MenuItem>
</SC.Menu>
</SC.SidebarWrapper>
)
}