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

* 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

View File

@ -50,20 +50,20 @@ function ManageFlowMenu({ flow, onDelete }) {
<Gear className="h-5 w-5" weight="bold" />
</button>
{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
type="button"
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"
>
<span className="text-sm">Edit Flow</span>
<span className="text-sm whitespace-nowrap">Edit Flow</span>
</button>
<button
type="button"
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"
>
<span className="text-sm">Delete Flow</span>
<span className="text-sm whitespace-nowrap">Delete Flow</span>
</button>
</div>
)}

View File

@ -429,7 +429,7 @@ export default function AdminAgents() {
</button>
</div>
<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 ? (
<>
{selectedMcpServer ? (
@ -624,7 +624,7 @@ export default function AdminAgents() {
{/* Selected agent skill setting panel */}
<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 ? (
<>
{selectedMcpServer ? (