aljaz/goose
1
0
Fork 0
mirror of https://github.com/aljazceru/goose.git synced 2025-12-22 08:34:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: add scrollability to manual extension modal (#1605) (#1764)

Browse Source 
Co-authored-by: Glyne G <gittensdev@gmail.com>
This commit is contained in:
Glyne J. Gittens
2025-04-07 13:04:45 -04:00
committed by GitHub
parent 926a511e95
commit e5ea0ec33b
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
ui/desktop/src/components/settings/extensions/ManualExtensionModal.tsx
View File

@@ -130,8 +130,8 @@ export function ManualExtensionModal({ isOpen, onClose, onSubmit }: ManualExtens
if (!isOpen) return null; if (!isOpen) return null;
return ( return (
<div className="fixed inset-0 bg-black/20 dark:bg-white/20 backdrop-blur-sm"> <div className="fixed flex items-center justify-center inset-0 bg-black/20 dark:bg-white/20 backdrop-blur-sm">
<Card className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] bg-bgApp rounded-xl overflow-hidden shadow-none p-[16px] pt-[24px] pb-0"> <Card className="w-[500px] bg-bgApp rounded-xl overflow-hidden shadow-none p-[16px] pt-[24px] pb-0 max-h-[90vh] overflow-y-auto">
<div className="px-4 pb-0 space-y-8"> <div className="px-4 pb-0 space-y-8">
<div className="flex"> <div className="flex">
<h2 className="text-2xl font-regular text-textStandard">Add custom extension</h2> <h2 className="text-2xl font-regular text-textStandard">Add custom extension</h2>
@@ -247,23 +247,24 @@ export function ManualExtensionModal({ isOpen, onClose, onSubmit }: ManualExtens
{envVars.length > 0 && ( {envVars.length > 0 && (
<div className="space-y-2"> <div className="space-y-2">
{envVars.map((envVar) => ( {envVars.map((envVar) => (
<div <div key={envVar.key} className="flex items-center justify-between gap-1">
key={envVar.key} <div className="flex-1 whitespace-nowrap overflow-x-auto bg-gray-100 dark:bg-gray-700 p-2 rounded">
className="flex items-center justify-between bg-gray-100 dark:bg-gray-700 p-2 rounded" <div className="flex-1">
> <span className="text-sm font-medium">{envVar.key}</span>
<div className="flex-1"> <span className="text-sm text-gray-500 dark:text-gray-400 ml-2">
<span className="text-sm font-medium">{envVar.key}</span> = {envVar.value}
<span className="text-sm text-gray-500 dark:text-gray-400 ml-2"> </span>
= {envVar.value} </div>
</span> </div>
<div className="bg-gray-100 dark:bg-gray-700 p-2 rounded">
<button
type="button"
onClick={() => handleRemoveEnvVar(envVar.key)}
className="text-red-500 hover:text-red-700 ml-2"
>
Remove
</button>
</div> </div>
<button
type="button"
onClick={() => handleRemoveEnvVar(envVar.key)}
className="text-red-500 hover:text-red-700 ml-2"
>
Remove
</button>
</div> </div>
))} ))}
</div> </div>