[FIX] Make UserMenu appear on mobile (#991)

fix usermenu being hidden on mobile
Mintplex-Labs · Mar 29, 2024 · df054eb · df054eb
1 parent 49f30e0
commit df054eb
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/frontend/src/components/UserMenu/UserButton/index.jsx b/frontend/src/components/UserMenu/UserButton/index.jsx
@@ -54,7 +54,7 @@ export default function UserButton() {
 
   if (mode === null) return null;
   return (
-    <div className="absolute top-9 right-10 w-fit h-fit z-99">
+    <div className="absolute top-3 right-4 md:top-9 md:right-10 w-fit h-fit z-99">
       <button
         ref={buttonRef}
         onClick={() => setShowMenu(!showMenu)}

diff --git a/frontend/src/components/UserMenu/index.jsx b/frontend/src/components/UserMenu/index.jsx
@@ -1,12 +1,9 @@
-import { isMobile } from "react-device-detect";
 import UserButton from "./UserButton";
 
 export default function UserMenu({ children }) {
-  if (isMobile) return <>{children}</>;
   return (
     <div className="w-auto h-auto">
       <UserButton />
-
       {children}
     </div>
   );