diff options
| author | Jeff <jeffkleinaitis@gmail.com> | 2024-04-17 21:31:26 -0400 |
|---|---|---|
| committer | Jeff <jeffkleinaitis@gmail.com> | 2024-04-17 21:31:26 -0400 |
| commit | 9ab4e3263bab4ed841b1540c3e09c6aa8be0c739 (patch) | |
| tree | e1e190f09d4e8f411b1d07b751d0f100fe82a91a /src/components/Navbar.js | |
| parent | 18404d5fc2d39c2cb1796580817b13433ad5e758 (diff) | |
feat: Add border to navigation bar
Diffstat (limited to 'src/components/Navbar.js')
| -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"> |