quick dropdown menu fix, wasnt closing when clicking settings

GTZ-STUDIO · Mar 3, 2024 · 11f5f5d · 11f5f5d
1 parent 0b95243
commit 11f5f5d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 10 deletions.
diff --git a/lvlgg_frontend/src/App.css b/lvlgg_frontend/src/App.css
@@ -93,7 +93,7 @@
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
-  font-size: 15px;
+  font-size: 12px;
   font-family: OCR A Std, monospace;
   color: #02f2ff;
 }

diff --git a/lvlgg_frontend/src/Components/Navbar.css b/lvlgg_frontend/src/Components/Navbar.css
@@ -107,7 +107,7 @@
     position: absolute;
     top: 100%;
     right: -40px;
-    background-color: #07264d;
+    background-color: #020913;
     min-width: 160px;
     z-index: 50;
   }
@@ -120,7 +120,7 @@
     border: none;
     outline: none;
     cursor: pointer;
-    color: #16ace7;
+    color: #02f2ff;
   }
 
   .dropdown-content button:hover {

diff --git a/lvlgg_frontend/src/Components/Navbar.js b/lvlgg_frontend/src/Components/Navbar.js
@@ -81,9 +81,7 @@ const handleSignOut = () => {
                         {isDropdownOpen && (
                             <div className="dropdown-content">
                                 <Link to='/settings'>
-                                    <button>
-                                        Settings
-                                    </button>
+                                    <button onClick={() => { handleDropDown(); }}>Settings</button>
                                 </Link>
                                 <button onClick={() => { handleSignOut(); }}>Sign Out</button>
                             </div>

diff --git a/lvlgg_frontend/src/Components/Pages/Settings.js b/lvlgg_frontend/src/Components/Pages/Settings.js
@@ -132,7 +132,6 @@ const Settings = () => {
   return (
     <div className="settings">
       <div className='rectangle'></div>
-
         <h1>Account Settings</h1>
         <div className="input-wrapper">
           <input
@@ -169,9 +168,7 @@ const Settings = () => {
         </div>
         <button className="settings-btn-delete" onClick={handleDeleteConfirmation}>
           Delete Account
-        </button>
-
-
+        </button>  
     </div>
   );
 };