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

feat: updated input create secret style and some more updates on style

Browse Source
This commit is contained in:
Akhil Mohan
2023-09-24 19:24:18 +05:30
parent b54c29fc48
commit 85378e25aa
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx
View File

@@ -3,7 +3,6 @@ import {
faAnglesDown, faAnglesDown,
faCheckCircle, faCheckCircle,
faChevronRight, faChevronRight,
faClose,
faCodeCommit, faCodeCommit,
faDownload, faDownload,
faEye, faEye,
@@ -12,6 +11,7 @@ import {
faFilter, faFilter,
faFolderPlus, faFolderPlus,
faMagnifyingGlass, faMagnifyingGlass,
faMinusSquare,
faPlus, faPlus,
faTrash faTrash
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
@@ -373,14 +373,14 @@ export const ActionBar = ({
isMultiSelectActive && "h-16" isMultiSelectActive && "h-16"
)} )}
> >
<div className="text-bunker-300 flex items-center bg-mineshaft-800 mt-4 p-2 pl-4 rounded-md"> <div className="text-bunker-300 flex items-center bg-mineshaft-800 mt-4 py-2 px-4 rounded-md">
<Tooltip content="Clear"> <Tooltip content="Clear">
<IconButton variant="plain" ariaLabel="clear-selection" onClick={onResetSelectedSecret}> <IconButton variant="plain" ariaLabel="clear-selection" onClick={onResetSelectedSecret}>
<FontAwesomeIcon icon={faClose} size="lg" /> <FontAwesomeIcon icon={faMinusSquare} size="lg" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<div className="text-sm ml-4 px-2 border-x border-mineshaft-600"> <div className="text-sm ml-4 px-2 flex-grow">
{Object.keys(selectedSecrets).length} Secrets {Object.keys(selectedSecrets).length} Selected
</div> </div>
<ProjectPermissionCan <ProjectPermissionCan
I={ProjectPermissionActions.Edit} I={ProjectPermissionActions.Edit}
@@ -389,15 +389,16 @@ export const ActionBar = ({
allowedLabel="Delete" allowedLabel="Delete"
> >
{(isAllowed) => ( {(isAllowed) => (
<IconButton <Button
variant="plain" variant="outline_bg"
ariaLabel="delete" leftIcon={<FontAwesomeIcon icon={faTrash} />}
className="ml-4 text-red-700" className="ml-4 text-red-700"
onClick={() => handlePopUpOpen("bulkDeleteSecrets")} onClick={() => handlePopUpOpen("bulkDeleteSecrets")}
isDisabled={!isAllowed} isDisabled={!isAllowed}
size="xs"
> >
<FontAwesomeIcon icon={faTrash} /> Delete
</IconButton> </Button>
)} )}
</ProjectPermissionCan> </ProjectPermissionCan>
</div> </div>

2
frontend/src/views/SecretMainPage/components/ActionBar/CreateSecretForm.tsx
View File

@@ -95,7 +95,7 @@ export const CreateSecretForm = ({
> >
<SecretInput <SecretInput
{...field} {...field}
className="bg-mineshaft-900 text-gray-400 hover:border-primary-400/50 focus:border px-2 py-1.5" containerClassName="text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 py-1.5"
/> />
</FormControl> </FormControl>
)} )}

3
frontend/src/views/SecretMainPage/components/SecretListView/SecretItem.tsx
View File

@@ -10,7 +10,6 @@ import {
faCopy, faCopy,
faEllipsis, faEllipsis,
faKey, faKey,
faSave,
faTag, faTag,
faTags faTags
} from "@fortawesome/free-solid-svg-icons"; } from "@fortawesome/free-solid-svg-icons";
@@ -449,7 +448,7 @@ export const SecretItem = memo(
{isSubmitting ? ( {isSubmitting ? (
<Spinner className="w-4 h-4 p-0 m-0" /> <Spinner className="w-4 h-4 p-0 m-0" />
) : ( ) : (
<FontAwesomeIcon icon={faSave} size="lg" className="text-primary" /> <FontAwesomeIcon icon={faCheck} size="lg" className="text-primary" />
)} )}
</IconButton> </IconButton>
</Tooltip> </Tooltip>