cami/Bachelorthesis_Code
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Wiki Activity

Started with new things for personalization

Browse source
This commit is contained in:
cami 2021-05-27 04:19:22 +02:00
parent 9f7c8c18b4
commit 34724f88f3
9 changed files with 50 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/components/Navbar.js
View file

@ -23,24 +23,27 @@ function Navbar() {
useEffect(() => {
showButton();
}, []);
window.addEventListener("resize", showButton);
return (
<>
{" "}
<nav className="navbar">
{" "}
<div className="navbar-container">
{" "}
<Link to="/" className="navbar-logo" onClick={closeMobileMenu}>
TRVL
<i class="fab fa-typo3" />
</Link>
{" "}
Bachelorarbeit Marco Camenzind {" "}
</Link>{" "}
<div className="menu-icon" onClick={handleClick}>
<i className={click ? "fas fa-times" : "fas fa-bars"} />
</div>
{" "}
<i className={click ? "fas fa-times" : "fas fa-bars"} />{" "}
</div>{" "}
<ul className={click ? "nav-menu active" : "nav-menu"}>
{" "}
<li className="nav-item">
<Link to="/" className="nav-links" onClick={closeMobileMenu}>
Home
Startseite
</Link>
</li>
<li className="nav-item">
@ -49,28 +52,28 @@ function Navbar() {
className="nav-links"
onClick={closeMobileMenu}
>
Services
Über
</Link>
</li>
<li className="nav-item">
<li>
<Link
to="/products"
to="/sign-up"
className="nav-links"
onClick={closeMobileMenu}
>
Products
Anleitung
</Link>
</li>
<li>
<Link
to="/sign-up"
className="nav-links-mobile"
onClick={closeMobileMenu}
>
Sign Up
Anmelden
</Link>
</li>
</ul>
{button && <Button buttonStyle="btn--outline">SIGN UP</Button>}
</div>