|
|
@ -59,7 +59,11 @@ export default function Navigation({
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<NavLink
|
|
|
|
<NavLink
|
|
|
|
to={'/'}
|
|
|
|
to={'/'}
|
|
|
|
className="my-auto mx-4 mt-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100"
|
|
|
|
className={({ isActive }) =>
|
|
|
|
|
|
|
|
`${
|
|
|
|
|
|
|
|
isActive ? 'bg-gray-3000' : ''
|
|
|
|
|
|
|
|
} my-auto mx-4 mt-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100`
|
|
|
|
|
|
|
|
}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<img src={Message} className="ml-2 w-5"></img>
|
|
|
|
<img src={Message} className="ml-2 w-5"></img>
|
|
|
|
<p className="my-auto text-eerie-black">Chat</p>
|
|
|
|
<p className="my-auto text-eerie-black">Chat</p>
|
|
|
@ -94,7 +98,11 @@ export default function Navigation({
|
|
|
|
<div className="flex h-48 flex-col border-b-2 border-gray-100">
|
|
|
|
<div className="flex h-48 flex-col border-b-2 border-gray-100">
|
|
|
|
<NavLink
|
|
|
|
<NavLink
|
|
|
|
to="/about"
|
|
|
|
to="/about"
|
|
|
|
className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100"
|
|
|
|
className={({ isActive }) =>
|
|
|
|
|
|
|
|
`my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100 ${
|
|
|
|
|
|
|
|
isActive ? 'bg-gray-3000' : ''
|
|
|
|
|
|
|
|
}`
|
|
|
|
|
|
|
|
}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<img src={Info} alt="info" className="ml-2 w-5" />
|
|
|
|
<img src={Info} alt="info" className="ml-2 w-5" />
|
|
|
|
<p className="my-auto text-eerie-black">About</p>
|
|
|
|
<p className="my-auto text-eerie-black">About</p>
|
|
|
|