fix: handle tag select overflow for create secret modal. minor text revisions.

This commit is contained in:
Scott Wilson
2024-11-08 09:29:42 -08:00
parent 7eeff6c406
commit f0d19e4701
4 changed files with 11 additions and 9 deletions

View File

@@ -538,8 +538,9 @@ const SecretMainPageContent = () => {
onOpenChange={(state) => togglePopUp(PopUpNames.CreateSecretForm, state)}
>
<ModalContent
title="Create secret"
subTitle="Add a secret to the particular environment and folder"
title="Create Secret"
subTitle="Add a secret to this particular environment and folder"
bodyClassName="overflow-visible"
>
<CreateSecretForm
environment={environment}

View File

@@ -141,7 +141,7 @@ export const CreateSecretForm = ({
!canReadTags ? (
<div className="flex items-center space-x-2">
<FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
<span>User lacks permission to read tags. Please grant access.</span>
<span>You do not have permission to read tags.</span>
</div>
) : (
""
@@ -150,7 +150,7 @@ export const CreateSecretForm = ({
>
<MultiSelect
className="w-full"
placeholder="Choose tags to assign to secrets."
placeholder="Select tags to assign to secret..."
isMulti
name="tagIds"
isDisabled={!canReadTags}

View File

@@ -1121,9 +1121,10 @@ export const SecretOverviewPage = () => {
onOpenChange={(isOpen) => handlePopUpToggle("addSecretsInAllEnvs", isOpen)}
>
<ModalContent
className="max-h-[80vh] overflow-y-auto"
title="Bulk Create & Update"
subTitle="Create & update a secret across many environments"
className="max-h-[80vh]"
bodyClassName="overflow-visible"
title="Create Secrets"
subTitle="Create a secret across multiple environments"
>
<CreateSecretForm
secretPath={secretPath}

View File

@@ -242,7 +242,7 @@ export const CreateSecretForm = ({ secretPath = "/", getSecretByKey, onClose }:
!canReadTags ? (
<div className="flex items-center space-x-2">
<FontAwesomeIcon icon={faTriangleExclamation} className="text-yellow-400" />
<span>User lacks permission to read tags. Please grant access.</span>
<span>You do not have permission to read tags.</span>
</div>
) : (
""
@@ -251,7 +251,7 @@ export const CreateSecretForm = ({ secretPath = "/", getSecretByKey, onClose }:
>
<MultiSelect
className="w-full"
placeholder="Choose tags to assign to secrets."
placeholder="Select tags to assign to secrets..."
isMulti
name="tagIds"
isDisabled={!canReadTags}