navbar changed

alexandyrzph · Aug 3, 2022 · 6fa6c98 · 6fa6c98
1 parent fc3c446
commit 6fa6c98
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/pixelplace/src/components/Navbar/Navbar.js b/pixelplace/src/components/Navbar/Navbar.js
@@ -34,8 +34,8 @@ const Navbar = () => {
     }, [user, show, container]);
 
     return (
-        <div className="bg-neu-white">
-            <ul className="flex justify-between items-center max-w-md px-6 md:px-0 sm:max-w-lg md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl mx-auto w-full py-6">
+        <div className="bg-neu-white w-full shadow-md">
+            <ul className="flex justify-between items-center max-w-md px-2 md:px-0 sm:max-w-lg md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl mx-auto w-full py-1">
                 <li>
                     <Link
                         className="text-2xl font-logo tracking-wider text-[#2e2e2e] hover:text-black duration-200"
@@ -57,7 +57,7 @@ const Navbar = () => {
                                     <AiOutlinePlus size={"1.8rem"} />
                                 </li>
                             </Link>
-                            <li>
+                            <li className="relative z-[1000]">
                                 <div ref={container} className="relative">
                                     <button
                                         className="menu focus:outline-none focus:shadow-solid "
@@ -81,7 +81,7 @@ const Navbar = () => {
                                         leaveFrom="opacity-100 scale-100"
                                         leaveTo="opacity-0 scale-95"
                                     >
-                                        <div className="absolute z-[500] right-0 max-w-fit mt-1 bg-white rounded hover:shadow-[2px_2px_2px] border-2 border-neu-black duration-150">
+                                        <div className="absolute right-0 max-w-fit mt-1 bg-white rounded hover:shadow-[2px_2px_2px] border-2 border-neu-black duration-150">
                                             <div>
                                                 <p className="block px-4 py-2 hover:bg-neu-yellow hover:text-neu-black duration-150 truncate">
                                                     Hello, {user.email}!