From c197eceba4d49e4c706568f7d4f647dbb62ae827 Mon Sep 17 00:00:00 2001 From: harini-1597 Date: Sat, 8 Jun 2024 22:01:26 +0530 Subject: [PATCH 1/7] fix: improve navbar --- frontend/src/components/Navbar.tsx | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx index 71a1791c..d9fc04b6 100644 --- a/frontend/src/components/Navbar.tsx +++ b/frontend/src/components/Navbar.tsx @@ -3,6 +3,7 @@ import { useRecoilValue, useSetRecoilState } from "recoil"; import { loggedInState, tokenState } from "../store/atoms/auth"; import { Link, useLocation } from "react-router-dom"; import toast from "react-hot-toast"; +import logo from '../assets/favicon.png'; const Navbar = () => { const [isMenuOpen, setIsMenuOpen] = useState(false); @@ -27,26 +28,27 @@ const Navbar = () => { const getNavLinkClass = (path: string) => { return location.pathname === path - ? "block py-2 px-3 bg-blue-700 rounded md:bg-transparent md:p-0 text-white md:text-blue-500" - : "block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent"; + ? "block py-2 px-3 bg-blue-600 rounded md:bg-transparent md:p-0 text-white md:text-blue-500" + : "block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-blue-400 hover:text-white md:hover:bg-transparent"; }; return ( -