michael/merlyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide cluttered menus on small screens

Browse Source 
resolves #5055
closes #5132
This commit is contained in:
Timothy Carambat 2026-04-03 15:39:33 -07:00
parent 3c2682eb5f
commit 4c37b487f5
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Modals/ManageWorkspace/index.jsx
View File

@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import Workspace from "../../../models/workspace"; import Workspace from "../../../models/workspace";
import System from "../../../models/system"; import System from "../../../models/system";
import { isMobile } from "react-device-detect"; import { isMobileOnly } from "react-device-detect";
import useUser from "../../../hooks/useUser"; import useUser from "../../../hooks/useUser";
import DocumentSettings from "./Documents"; import DocumentSettings from "./Documents";
import DataConnectors from "./DataConnectors"; import DataConnectors from "./DataConnectors";
@ -37,7 +37,7 @@ const ManageWorkspace = ({ hideModal = noop, providedSlug = null }) => {
if (!workspace) return null; if (!workspace) return null;
if (isMobile) { if (isMobileOnly) {
return ( return (
<ModalWrapper isOpen={true}> <ModalWrapper isOpen={true}>
<div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden"> <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden">

2
frontend/src/components/WorkspaceChat/ChatContainer/TextSizeMenu/index.jsx
View File

@ -2,6 +2,7 @@ import { useState, useRef, useEffect, useMemo } from "react";
import { SlidersHorizontal } from "@phosphor-icons/react"; import { SlidersHorizontal } from "@phosphor-icons/react";
import useLoginMode from "@/hooks/useLoginMode"; import useLoginMode from "@/hooks/useLoginMode";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { isMobile } from "react-device-detect";
function getTextSizes(t) { function getTextSizes(t) {
return [ return [
@ -47,6 +48,7 @@ export default function TextSizeMenu() {
// User icon is visible when login mode is active (single with password or multi-user) // User icon is visible when login mode is active (single with password or multi-user)
const hasUserIcon = mode !== null; const hasUserIcon = mode !== null;
if (isMobile) return null;
return ( return (
<div <div
className={`absolute top-3 md:top-5 z-30 ${hasUserIcon ? "right-[55px] md:right-[67px]" : "right-4 md:right-6"}`} className={`absolute top-3 md:top-5 z-30 ${hasUserIcon ? "right-[55px] md:right-[67px]" : "right-4 md:right-6"}`}

3
frontend/src/components/WorkspaceChat/ChatContainer/WorkspaceModelPicker/index.jsx
View File

@ -1,6 +1,7 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { useParams } from "react-router-dom"; import { useParams } from "react-router-dom";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { isMobile } from "react-device-detect";
import useUser from "@/hooks/useUser"; import useUser from "@/hooks/useUser";
import { useModal } from "@/hooks/useModal"; import { useModal } from "@/hooks/useModal";
import LLMSelectorModal from "../PromptInput/LLMSelector/index"; import LLMSelectorModal from "../PromptInput/LLMSelector/index";
@ -75,7 +76,7 @@ export default function WorkspaceModelPicker({ workspaceSlug = null }) {
// This feature is disabled for multi-user instances where the user is not an admin // This feature is disabled for multi-user instances where the user is not an admin
if (!!user && user.role !== "admin") return null; if (!!user && user.role !== "admin") return null;
if (!slug) return null; if (!slug || isMobile) return null;
return ( return (
<> <>