From 4cd4de192922a965310637b11083171e49bca976 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Mon, 12 Jul 2021 22:30:03 +0200
Subject: half redpwn ctf writeup (will continue tomorrow)

---
 components/navbar.tsx | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

(limited to 'components')

diff --git a/components/navbar.tsx b/components/navbar.tsx
index b5549c0..acbec40 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -1,8 +1,8 @@
 import { CSSProperties, ReactNode } from 'react';
 
 import HomeRoundedIcon from '@material-ui/icons/HomeRounded';
-import SearchRoundedIcon from '@material-ui/icons/SearchRounded';
 import MenuIcon from '@material-ui/icons/Menu';
+import SearchRoundedIcon from '@material-ui/icons/SearchRounded';
 
 export function NavbarItem(props: {
 	icon?: ReactNode;
@@ -31,7 +31,7 @@ export function NavbarItem(props: {
 export default function Navbar(props: {
 	page?: string;
 }) {
-	return <div className="globalLinks" style={{ marginBottom: 24 }}>
+	return <div className='globalLinks' style={{ marginBottom: 24 }}>
 		<NavbarItem
 			active={props.page == 'home'}
 			icon={<HomeRoundedIcon />}
@@ -50,14 +50,21 @@ export default function Navbar(props: {
 }
 
 export function MobileNavbar() {
-	return <div className="mobileNav">
-		<a className="home button small" href="/"><HomeRoundedIcon /></a>
-		<a className="search button small" href="/search"><SearchRoundedIcon/></a>
-		<div className="mainButton button" onClick={() => {
-			document.getElementsByClassName("mobileNav")[0].classList.toggle("open");
-			document.getElementsByClassName("navAreaWrapper")[0].classList.toggle("navVisible");
-		}}>
-			<MenuIcon style={{ "fill": "var(--oxford-blue)" }} />
+	return <div className='mobileNav'>
+		<a className='home button small' href='/'>
+			<HomeRoundedIcon />
+		</a>
+		<a className='search button small' href='/search'>
+			<SearchRoundedIcon />
+		</a>
+		<div
+			className='mainButton button'
+			onClick={() => {
+				document.getElementsByClassName('mobileNav')[0].classList.toggle('open');
+				document.getElementsByClassName('navAreaWrapper')[0].classList.toggle('navVisible');
+			}}
+		>
+			<MenuIcon style={{ 'fill': 'var(--oxford-blue)' }} />
 		</div>
 	</div>;
 }
-- 
cgit v1.2.3