diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/Navbar.js | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 5eec7ef..3fdf94d 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -29,7 +29,7 @@ const Navbar = () => { return ( <Container> <div className="w-full"> - <nav className="container relative flex flex-wrap items-center justify-between p-8 mx-auto lg:justify-between lg:flex-nowrap lg:px-0.5 xl:px-0"> + <nav className="container relative flex flex-wrap border-b border-gray-100 items-center justify-between p-8 mx-auto lg:justify-between lg:flex-nowrap lg:px-0.5 xl:px-0"> {/* Logo */} <Disclosure> {({ open }) => ( @@ -126,12 +126,11 @@ const Navbar = () => { ) : ( <div className="hidden lg:flex lg:items-center"> <div className="flex items-center space-x-3"> - <span className="w-5 h-5 text-gray-400"> <BellIcon /></span> + <button className="w-5 h-5 text-gray-400"> <BellIcon /></button> <span className="border-l border-gray-300 h-6"></span> <Disclosure as="div" className="relative"> <Disclosure.Button as="button" aria-label="Toggle Profile Menu" className="flex items-center justify-center text-sm rounded-full focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"> <img className="w-8 h-8 rounded-full" src={logo} alt="user-img" /> - <span className="font-normal">{user.name}</span> <ChevronDownIcon className="w-4 h-4 ml-1 text-gray-400" /> </Disclosure.Button> <Disclosure.Panel className="absolute right-0 mt-2 bg-white overflow-hidden whitespace-nowrap overflow-ellipsis divide-y divide-gray-100 rounded-lg shadow w-64 dark:bg-gray-700 dark:divide-gray-600 z-10"> |