yousifpa/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

navigation done

Browse Source
This commit is contained in:
yousifpa98
2024-12-20 02:44:13 +01:00
parent bf6591e4e1
commit b7391efff9
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Navigation.jsx
View File

@@ -22,7 +22,7 @@ const Navigation = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
return ( return (
<div <div
className={`navigation container animate__animated ${animation}`} className={`navigation container animate__animated ${animation}`}
onMouseEnter={() => onMouseEnter(setAnimation)} /* onMouseEnter={() => onMouseEnter(setAnimation)} */
onAnimationEnd={() => onAnimationEnd(setAnimation)} onAnimationEnd={() => onAnimationEnd(setAnimation)}
> >
<ul className="navList"> <ul className="navList">

7
src/css/Navigation.css
View File

@@ -13,6 +13,11 @@
.navItem { .navItem {
font-size: 1.5rem; font-size: 1.5rem;
width: 100%;
}
.navItem:hover {
animation: jello 1s;
} }
.navIcon { .navIcon {
@@ -26,7 +31,7 @@
color: white; color: white;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
gap: 0.5rem; gap: 0.5rem;
} }