[web] Cosmetic logout button

dnjooiopa · May 2, 2024 · 5c3a875 · 5c3a875
1 parent f9d7ae0
commit 5c3a875
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/web/src/components/LogoutButton.tsx b/web/src/components/LogoutButton.tsx
@@ -15,7 +15,7 @@ const LogoutButton = () => {
   }
 
   return (
-    <button className="p-2" onClick={handleLogout}>
+    <button className="p-2 w-full text-left" onClick={handleLogout}>
       Logout
     </button>
   )

diff --git a/web/src/components/MenuDropdown.tsx b/web/src/components/MenuDropdown.tsx
@@ -28,7 +28,7 @@ const MenuDropdown = () => {
                 leaveTo="transform opacity-0 scale-95"
               >
                 <Menu.Items className="absolute right-0 mt-3 origin-top-right" static>
-                  <div className="p-1 rounded border border-gray-700">
+                  <div className="p-1 w-[128px] rounded border border-gray-700 hover:bg-gray-600">
                     <Menu.Item>{({ active }) => <LogoutButton />}</Menu.Item>
                   </div>
                 </Menu.Items>