Fixed navbar toggling and added theme color to App

Nalin-Angrish · Nalin-Angrish · commit c5eccc8d0cbc · 2021-07-05T14:40:07.000+05:30
diff --git a/components/App.js b/components/App.js
@@ -19,6 +19,7 @@ export default class App extends React.Component{
 				<div className={styles.app} id="app">
 					<Head>
 						<link rel="manifest" href="/manifest.json" />
+						<meta name="theme-color" content="#005f99"/>
 					</Head>
 					{pages[this.state.page](this)}
 					<div className={styles.appbar}>
diff --git a/components/Navbar.js b/components/Navbar.js
@@ -9,21 +9,21 @@ export default class Navbar extends React.Component{
 				</a>
 
 				<div className="buttonbar inactive" id="buttonbar">
-					<a href="#" className="toggle" onClick={toggleMenu}>
+					<a className="toggle" onClick={toggleMenu}>
 						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
 						<path d="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"></path>
 						</svg>
 					</a>
-					<a href="/#" className="item">
+					<a href="/#" className="item" onClick={toggleMenu}>
 						<p>About</p>
 					</a>
-					<a href="/#team" className="item">
+					<a href="/#team" className="item" onClick={toggleMenu}>
 						<p>Team</p>
 					</a>
-					<a href="/#app" className="item">
+					<a href="/#app" className="item" onClick={toggleMenu}>
 						<p>App</p>
 					</a>
-					<a href="/#contact" className="item">
+					<a href="/#contact" className="item" onClick={toggleMenu}>
 						<p>Contact</p>
 					</a>
 				</div>
diff --git a/styles/Navbar.css b/styles/Navbar.css
@@ -46,6 +46,7 @@ nav .buttonbar {
     text-align: center;
     width: 120px;
     transition: all .2s;
+    cursor: pointer;
 }
 
 .buttonbar a.item:hover {

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,7 @@ nav .buttonbar {`
`46`	`46`	`text-align: center;`
`47`	`47`	`width: 120px;`
`48`	`48`	`transition: all .2s;`
	`49`	`+ cursor: pointer;`
`49`	`50`	`}`
`50`	`51`
`51`	`52`	`.buttonbar a.item:hover {`