chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-09 05:51:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Navbar and UI changes

Browse Source 
Just some general nav updates
This commit is contained in:
Chad Doty
2024-01-25 03:42:32 -05:00
parent f675fb4e72
commit 2d2ea2d0dd
4 changed files with 33 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Navbar.js
View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import Logo from '../assets/images.png';
import { Link, NavLink } from 'react-router-dom';
import { NavLink } from 'react-router-dom';
import ReorderIcon from '@mui/icons-material/Reorder';
import '../styles/Navbar.css'
@@ -16,17 +16,17 @@ function Navbar() {
<div className='leftSide' id={openLinks ? "open" : "close"}>
<img src={Logo} />
<div className='hiddenLinks'>
<Link to="/"> Home </Link>
<Link to="/shop"> Shop </Link>
<Link to="/about"> About </Link>
<Link to="/contact"> Contact </Link>
<NavLink to="/"> Home </NavLink>
<NavLink to="/shop"> Shop </NavLink>
<NavLink to="/about"> About </NavLink>
<NavLink to="/contact"> Contact </NavLink>
</div>
</div>
<div className='rightSide'>
<Link to="/"> Home </Link>
<Link to="/shop"> Shop </Link>
<Link to="/about"> About </Link>
<Link to="/contact"> Contact </Link>
<NavLink to="/"> Home </NavLink>
<NavLink to="/shop"> Shop </NavLink>
<NavLink to="/about"> About </NavLink>
<NavLink to="/contact"> Contact </NavLink>
<button onClick={toggleNavbar}>
<ReorderIcon />
</button>