1.fix environment editor title issue (#8142)

Kong · Oct 31, 2024 · 2bc22d2 · 2bc22d2
1 parent f3da7c1
commit 2bc22d2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/insomnia/src/ui/components/modals/workspace-environments-edit-modal.tsx b/packages/insomnia/src/ui/components/modals/workspace-environments-edit-modal.tsx
@@ -395,7 +395,7 @@ export const WorkspaceEnvironmentsEditModal = ({ onClose }: {
                 </GridList>
                 <div className='flex-1 flex flex-col divide-solid divide-y divide-[--hl-md] overflow-hidden'>
                   <div className='flex items-center justify-between gap-2 w-full px-[--padding-sm] overflow-hidden'>
-                    <Heading className='flex items-center gap-2 text-lg py-2 px-4 overflow-hidden'>
+                    <Heading className='flex items-center flex-grow gap-2 text-lg py-2 px-4 overflow-hidden'>
                       <Icon style={{ color: selectedEnvironment?.color || '' }} className='w-4' icon={selectedEnvironment?.isPrivate ? 'lock' : isUsingGitSync ? ['fab', 'git-alt'] : isUsingInsomniaCloudSync ? 'globe-americas' : 'file-arrow-down'} />
                       <EditableInput
                         value={selectedEnvironment?.name || ''}

diff --git a/packages/insomnia/src/ui/routes/environments.tsx b/packages/insomnia/src/ui/routes/environments.tsx
@@ -412,7 +412,7 @@ const Environments = () => {
       <Panel id="pane-one" className='pane-one theme--pane'>
         <div className='flex-1 flex flex-col h-full divide-solid divide-y divide-[--hl-md] overflow-hidden'>
           <div className='flex flex-shrink-0 basis-[--line-height-sm] items-center p-[--padding-sm] justify-between gap-2 w-full overflow-hidden'>
-            <Heading className='flex items-center gap-2 text-lg py-2 px-4 overflow-hidden'>
+            <Heading className='flex flex-grow items-center gap-2 text-lg py-2 px-4 overflow-hidden'>
               <Icon className='w-4' icon={selectedEnvironment?.isPrivate ? 'lock' : isUsingGitSync ? ['fab', 'git-alt'] : isUsingInsomniaCloudSync ? 'globe-americas' : 'file-arrow-down'} />
               <EditableInput
                 value={selectedEnvironment?.name || ''}