diff options
Diffstat (limited to 'src/components/navbar.tsx')
-rw-r--r-- | src/components/navbar.tsx | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx deleted file mode 100644 index 7725ca8..0000000 --- a/src/components/navbar.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import { CSSProperties } from "react"; - -import { LogoDark } from "../components/logo"; - -import Home from '@material-ui/icons/Home'; -import VideogameAssetIcon from '@material-ui/icons/VideogameAsset'; -import ExtensionIcon from '@material-ui/icons/Extension'; -import SearchIcon from '@material-ui/icons/Search'; -import SettingsIcon from '@material-ui/icons/Settings'; -import PersonIcon from '@material-ui/icons/Person'; - -var NavBarItemStyle: CSSProperties = { - margin: 12, - marginBottom: 16, - display: "block" -} - -export function NavBar() { - return ( - <div className="navbar" style={{ - width: 48, - height: "100%", - - lineHeight: 0, - - backgroundColor: "var(--background)", - display: "inline-block", - - position: "fixed", - top: 0, - left: 0, - - overflow: "hidden", - whiteSpace: "nowrap" - }}> - <div style={NavBarItemStyle}><LogoDark/></div> - <a href="/" style={NavBarItemStyle}><Home/></a> - <a href="/game" style={NavBarItemStyle}><VideogameAssetIcon/></a> - <a href="/" style={NavBarItemStyle}><ExtensionIcon/></a> - <a href="/" style={NavBarItemStyle}><SearchIcon/></a> - - <div style={{ - position: "absolute", - bottom: -4, - left: 0, - backgroundColor: "var(--background)" - }}> - <a href="/login" style={NavBarItemStyle}> - <div style={{ - width: 24, - height: 24, - /* background: "#888888", */ - borderRadius: 12 - }}> - <PersonIcon/> - </div> - </a> - <a href="/settings" style={NavBarItemStyle}><SettingsIcon/></a> - </div> - </div> - ); -} - |