awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4013 from Infisical/checkbox-addressal

Browse Source 
improvement(frontend): Make checkbox colors more apparent and fix specific priv. checkbox styling
This commit is contained in:
Scott Wilson
2025-07-14 14:09:01 -07:00
committed by GitHub
parent 1cfb1c2581 1bab3ecdda
commit 268d0d6192
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/v2/Checkbox/Checkbox.tsx
View File

@@ -42,7 +42,7 @@ export const Checkbox = ({
className={twMerge(
"flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-mineshaft-400/50 bg-mineshaft-600 shadow transition-all hover:bg-mineshaft-500",
isDisabled && "bg-bunker-400 hover:bg-bunker-400",
isChecked && "border-primary/30 bg-primary/10",
isChecked && "border-primary/50 bg-primary/30",
Boolean(children) && "mr-3",
className
)}

8
frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
View File

@@ -347,7 +347,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox
isDisabled={isMemberEditDisabled}
id="secret-read"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`}
className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)}
/>
@@ -378,7 +378,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox
isDisabled={isMemberEditDisabled}
id="secret-change"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`}
className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)}
/>
@@ -411,7 +411,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox
isDisabled={isMemberEditDisabled}
id="secret-modify"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`}
className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)}
/>
@@ -442,7 +442,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox
isDisabled={isMemberEditDisabled}
id="secret-delete"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`}
className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)}
/>

2
frontend/src/pages/secret-manager/SecretApprovalsPage/components/AccessApprovalRequest/components/ReviewAccessModal.tsx
View File

@@ -445,7 +445,7 @@ export const ReviewAccessRequestModal = ({
onCheckedChange={(checked) => setBypassApproval(checked === true)}
isChecked={bypassApproval}
id="byPassApproval"
className={twMerge("mr-2", bypassApproval ? "!border-red/30 !bg-red/10" : "")}
className={twMerge("mr-2", bypassApproval ? "!border-red/50 !bg-red/30" : "")}
>
<span className="text-xs text-red">
Approve without waiting for requirements to be met (bypass policy protection)

2
frontend/src/pages/secret-manager/SecretApprovalsPage/components/SecretApprovalRequest/components/SecretApprovalRequestAction.tsx
View File

@@ -168,7 +168,7 @@ export const SecretApprovalRequestAction = ({
isChecked={byPassApproval}
id="byPassApproval"
checkIndicatorBg="text-white"
className={twMerge("mr-2", byPassApproval ? "!border-red/30 !bg-red/10" : "")}
className={twMerge("mr-2", byPassApproval ? "!border-red/50 !bg-red/30" : "")}
>
<span className="text-sm">
Merge without waiting for approval (bypass secret change policy)