aboutsummaryrefslogtreecommitdiff
path: root/src/components/navbar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/navbar.tsx')
-rw-r--r--src/components/navbar.tsx63
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>
- );
-}
-