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

ui updates

Browse Source
This commit is contained in:
Chad Doty
2024-11-20 16:16:50 -05:00
parent 89fa257a86
commit 226acbb98c
7 changed files with 49 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Navbar.js
View File

@@ -19,14 +19,14 @@ function Navbar() {
<NavLink to="/"> Home </NavLink>
<NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink>
<NavLink to="/contact"> Contact </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */}
</div>
</div>
<div className='rightSide'>
<NavLink to="/"> Home </NavLink>
<NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink>
<NavLink to="/contact"> Contact </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */}
<button onClick={toggleNavbar}>
<ReorderIcon />
</button>

6
src/components/SocialItem.js
View File

@@ -2,11 +2,13 @@ import React from "react";
function SocialItem({ image, name, link, hiddenLink }) {
return (
<div className="socialItem">
<div style={{ backgroundImage: `url(${image})` }}> </div>
<div className="socialItem">
<div style={{ backgroundImage: `url(${image})` }}></div>
<h1> {name} </h1>
<p>{link}</p>
</div>
);
}