Skip to content

Commit

Permalink
fix(environments-modal): increase the size of the environment modal (K…
Browse files Browse the repository at this point in the history
…ong#6941)

* increase the size of the environment modal

* update the modal to not dismiss when other modals are opened inside of it
  • Loading branch information
gatzjames authored and jackkav committed Mar 13, 2024
1 parent 8794b1a commit 03a665f
Showing 1 changed file with 4 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -196,20 +196,19 @@ export const WorkspaceEnvironmentsEditModal = ({ onClose }: {
onOpenChange={isOpen => {
!isOpen && onClose();
}}
isDismissable
className="w-full h-[--visual-viewport-height] fixed z-10 top-0 left-0 flex items-center justify-center bg-black/30"
>
<Modal
onOpenChange={isOpen => {
!isOpen && onClose();
}}
className="flex flex-col max-w-4xl w-full rounded-md border border-solid border-[--hl-sm] p-[--padding-lg] max-h-full bg-[--color-bg] text-[--color-font]"
className="flex flex-col w-[calc(100%-var(--padding-xl))] h-[calc(100%-var(--padding-xl))] rounded-md border border-solid border-[--hl-sm] p-[--padding-lg] bg-[--color-bg] text-[--color-font]"
>
<Dialog
className="outline-none flex-1 h-full flex flex-col overflow-hidden"
>
{({ close }) => (
<div className='flex-1 flex flex-col gap-4 overflow-hidden'>
<div className='flex-1 flex flex-col gap-4 overflow-hidden h-full'>
<div className='flex gap-2 items-center justify-between'>
<Heading slot="title" className='text-2xl'>Manage Environments</Heading>
<Button
Expand All @@ -219,11 +218,11 @@ export const WorkspaceEnvironmentsEditModal = ({ onClose }: {
<Icon icon="x" />
</Button>
</div>
<div className='rounded w-full overflow-hidden divide-x divide-solid divide-[--hl-md] basis-96 flex border border-solid border-[--hl-sm] select-none overflow-y-auto max-h-96'>
<div className='rounded flex-1 w-full overflow-hidden divide-x divide-solid divide-[--hl-md] basis-96 flex border border-solid border-[--hl-sm] select-none overflow-y-auto'>
<GridList
aria-label="Environments"
items={[baseEnvironment, ...subEnvironments]}
className="overflow-y-auto max-w-xs flex-shrink-0 data-[empty]:py-0 py-[--padding-xs]"
className="overflow-y-auto max-w-xs w-full flex-shrink-0 data-[empty]:py-0 py-[--padding-xs]"
disallowEmptySelection
selectionMode="single"
selectionBehavior='replace'
Expand Down

0 comments on commit 03a665f

Please sign in to comment.