From df054eb8d7b0d0dff3751f3aaef535861000c770 Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Fri, 29 Mar 2024 15:18:18 -0700
Subject: [PATCH] [FIX] Make UserMenu appear on mobile (#991)
fix usermenu being hidden on mobile
---
frontend/src/components/UserMenu/UserButton/index.jsx | 2 +-
frontend/src/components/UserMenu/index.jsx | 3 ---
2 files changed, 1 insertion(+), 4 deletions(-)
diff --git a/frontend/src/components/UserMenu/UserButton/index.jsx b/frontend/src/components/UserMenu/UserButton/index.jsx
index 28730bfb0..7808cd4ab 100644
--- 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
index 539bdd474..4773096e9 100644
--- 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>
);
--
GitLab