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

fix(agent-flows): keep flow menu visible in narrow windows (#5341)

Browse Source 
* fix(agent-flows): keep flow menu visible in narrow windows

* fix(agent-flows): prevent gear menu text clipping

Signed-off-by: suyua9 <1521777066@qq.com>

---------

Signed-off-by: suyua9 <1521777066@qq.com>
Co-authored-by: Timothy Carambat <rambat1010@gmail.com>
This commit is contained in:
suyua9 2026-04-04 05:33:46 +08:00 committed by GitHub
parent 37f269d59a
commit a841486c5e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/pages/Admin/Agents/AgentFlows/FlowPanel.jsx
View File

@ -50,20 +50,20 @@ function ManageFlowMenu({ flow, onDelete }) {
<Gear className="h-5 w-5" weight="bold" /> <Gear className="h-5 w-5" weight="bold" />
</button> </button>
{open && ( {open && (
<div className="absolute w-[100px] -top-1 left-7 mt-1 border-[1.5px] border-white/40 rounded-lg bg-theme-action-menu-bg flex flex-col shadow-[0_4px_14px_rgba(0,0,0,0.25)] text-white z-99 md:z-10"> <div className="absolute min-w-[140px] top-full right-0 mt-1 border-[1.5px] border-white/40 rounded-lg bg-theme-action-menu-bg flex flex-col shadow-[0_4px_14px_rgba(0,0,0,0.25)] text-white z-99 md:z-10">
<button <button
type="button" type="button"
onClick={() => navigate(paths.agents.editAgent(flow.uuid))} onClick={() => navigate(paths.agents.editAgent(flow.uuid))}
className="border-none flex items-center rounded-lg gap-x-2 hover:bg-theme-action-menu-item-hover py-1.5 px-2 transition-colors duration-200 w-full text-left" className="border-none flex items-center rounded-lg gap-x-2 hover:bg-theme-action-menu-item-hover py-1.5 px-2 transition-colors duration-200 w-full text-left"
> >
<span className="text-sm">Edit Flow</span> <span className="text-sm whitespace-nowrap">Edit Flow</span>
</button> </button>
<button <button
type="button" type="button"
onClick={deleteFlow} onClick={deleteFlow}
className="border-none flex items-center rounded-lg gap-x-2 hover:bg-theme-action-menu-item-hover py-1.5 px-2 transition-colors duration-200 w-full text-left" className="border-none flex items-center rounded-lg gap-x-2 hover:bg-theme-action-menu-item-hover py-1.5 px-2 transition-colors duration-200 w-full text-left"
> >
<span className="text-sm">Delete Flow</span> <span className="text-sm whitespace-nowrap">Delete Flow</span>
</button> </button>
</div> </div>
)} )}

4
frontend/src/pages/Admin/Agents/index.jsx
View File

@ -429,7 +429,7 @@ export default function AdminAgents() {
</button> </button>
</div> </div>
<div className="flex-1 overflow-y-auto p-4"> <div className="flex-1 overflow-y-auto p-4">
<div className=" bg-theme-bg-secondary text-white rounded-xl p-4 overflow-y-scroll no-scroll"> <div className=" bg-theme-bg-secondary text-white rounded-xl p-4 overflow-y-scroll overflow-x-visible no-scroll">
{SelectedSkillComponent ? ( {SelectedSkillComponent ? (
<> <>
{selectedMcpServer ? ( {selectedMcpServer ? (
@ -624,7 +624,7 @@ export default function AdminAgents() {
{/* Selected agent skill setting panel */} {/* Selected agent skill setting panel */}
<div className="flex-[2] flex flex-col gap-y-[18px] mt-10"> <div className="flex-[2] flex flex-col gap-y-[18px] mt-10">
<div className="bg-theme-bg-secondary text-white rounded-xl flex-1 p-4 overflow-y-scroll no-scroll"> <div className="bg-theme-bg-secondary text-white rounded-xl flex-1 p-4 overflow-y-scroll overflow-x-visible no-scroll">
{SelectedSkillComponent ? ( {SelectedSkillComponent ? (
<> <>
{selectedMcpServer ? ( {selectedMcpServer ? (