File tree Expand file tree Collapse file tree 1 file changed +9
-9
lines changed Expand file tree Collapse file tree 1 file changed +9
-9
lines changed Original file line number Diff line number Diff line change 1
1
import { MouseEvent } from 'react' ;
2
- import { Link } from 'react-router-dom' ;
3
2
import { twJoin } from 'tailwind-merge' ;
4
3
5
4
import Button from './Button' ;
@@ -53,12 +52,12 @@ const NavigationMenu = ({ openState }: { openState: boolean }) => {
53
52
{ /* Desktop Navbar */ }
54
53
< nav className = "hidden items-center gap-4 md:flex" >
55
54
< ThemeSwitcher />
56
- < ul className = "flex gap-4 " >
55
+ < ul className = "flex gap-2 " >
57
56
{ menuItems . map ( item => (
58
57
< li key = { item . id } >
59
58
< a
60
59
href = { item . path }
61
- className = "font-medium text-white"
60
+ className = "rounded-md px-4 py-2 font-medium text-white transition-colors duration-200 ease-linear hover:bg-gray-700 "
62
61
onClick = { handelNavigation }
63
62
>
64
63
{ item . itemName }
@@ -81,14 +80,15 @@ const NavigationMenu = ({ openState }: { openState: boolean }) => {
81
80
>
82
81
< >
83
82
{ menuItems . map ( item => (
84
- < Link to = { item . path } >
85
- < li
86
- key = { item . id }
87
- className = "transition-color relative rounded bg-gray-800 py-2 text-center font-medium text-white duration-1000 ease-linear hover:bg-gray-700"
83
+ < li key = { item . id } className = "flex" >
84
+ < a
85
+ href = { item . path }
86
+ onClick = { handelNavigation }
87
+ className = "transition-color relative w-full rounded bg-gray-500 py-2 text-center font-medium text-white duration-1000 ease-linear hover:bg-gray-700"
88
88
>
89
89
{ item . itemName }
90
- </ li >
91
- </ Link >
90
+ </ a >
91
+ </ li >
92
92
) ) }
93
93
</ >
94
94
</ ul >
You can’t perform that action at this time.
0 commit comments