style: allow label wrapping on sm settings page for responsive support

This commit is contained in:
Scott Wilson
2025-11-14 15:00:14 -08:00
parent 5d306d0553
commit f03c6f954b
2 changed files with 4 additions and 2 deletions
@@ -40,12 +40,13 @@ export const SecretSharingSection = () => {
<p className="mb-3 text-xl font-medium">Allow Secret Sharing</p> <p className="mb-3 text-xl font-medium">Allow Secret Sharing</p>
<ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}> <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}>
{(isAllowed) => ( {(isAllowed) => (
<div className="w-max"> <div>
<Checkbox <Checkbox
id="secretSharing" id="secretSharing"
isDisabled={!isAllowed || isLoading} isDisabled={!isAllowed || isLoading}
isChecked={currentProject?.secretSharing ?? true} isChecked={currentProject?.secretSharing ?? true}
onCheckedChange={(state) => handleToggle(state as boolean)} onCheckedChange={(state) => handleToggle(state as boolean)}
allowMultilineLabel
> >
This feature enables your project members to securely share secrets. This feature enables your project members to securely share secrets.
</Checkbox> </Checkbox>
@@ -40,12 +40,13 @@ export const SecretSnapshotsLegacySection = () => {
<p className="mb-3 text-xl font-medium">Show Secret Snapshots ( legacy )</p> <p className="mb-3 text-xl font-medium">Show Secret Snapshots ( legacy )</p>
<ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}> <ProjectPermissionCan I={ProjectPermissionActions.Edit} a={ProjectPermissionSub.Settings}>
{(isAllowed) => ( {(isAllowed) => (
<div className="w-max"> <div>
<Checkbox <Checkbox
id="showSnapshotsLegacy" id="showSnapshotsLegacy"
isDisabled={!isAllowed || isLoading} isDisabled={!isAllowed || isLoading}
isChecked={currentProject?.showSnapshotsLegacy ?? false} isChecked={currentProject?.showSnapshotsLegacy ?? false}
onCheckedChange={(state) => handleToggle(state as boolean)} onCheckedChange={(state) => handleToggle(state as boolean)}
allowMultilineLabel
> >
This feature enables your project members to view secret snapshots in the legacy This feature enables your project members to view secret snapshots in the legacy
format. format.