From 6fa6c98b810d4466fde0008ba15fd75972fbdfdb Mon Sep 17 00:00:00 2001
From: alexandyrzph <alexandyrzph@gmail.com>
Date: Wed, 3 Aug 2022 03:33:37 +0300
Subject: [PATCH] navbar changed

---
 pixelplace/src/components/Navbar/Navbar.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pixelplace/src/components/Navbar/Navbar.js b/pixelplace/src/components/Navbar/Navbar.js
index 81513ab..1c836f3 100644
--- 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}!