awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-04 09:26:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvements: adjust UI for alignment and remove checkbox separator

Browse Source
This commit is contained in:
Scott Wilson
2024-10-18 14:47:31 -07:00
parent d94b4b2a3c
commit e18a606b23
5 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/SecretMainPage/SecretMainPage.tsx
+1 -2
View File
@@ -391,7 +391,7 @@ const SecretMainPageContent = () => {
: "" : ""
} }
> >
<div> <div className="mr-6 ml-1">
<Checkbox <Checkbox
isDisabled={totalCount === 0} isDisabled={totalCount === 0}
id="checkbox-select-all-rows" id="checkbox-select-all-rows"
@@ -402,7 +402,6 @@ const SecretMainPageContent = () => {
/> />
</div> </div>
</Tooltip> </Tooltip>
<div className="mx-2 h-4 w-[1px] bg-mineshaft-400" />
Key Key
<FontAwesomeIcon <FontAwesomeIcon
icon={orderDirection === OrderByDirection.ASC ? faArrowDown : faArrowUp} icon={orderDirection === OrderByDirection.ASC ? faArrowDown : faArrowUp}
frontend/src/views/SecretMainPage/components/ActionBar/ActionBar.tsx
+1 -1
View File
@@ -551,7 +551,7 @@ export const ActionBar = ({
<FontAwesomeIcon icon={faMinusSquare} size="lg" /> <FontAwesomeIcon icon={faMinusSquare} size="lg" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<div className="ml-4 flex-grow px-2 text-sm"> <div className="ml-2 flex-grow px-2 text-sm">
{Object.keys(selectedSecrets).length} Selected {Object.keys(selectedSecrets).length} Selected
</div> </div>
<ProjectPermissionCan <ProjectPermissionCan
frontend/src/views/SecretMainPage/components/SecretImportListView/SecretImportItem.tsx
+3 -3
View File
@@ -158,17 +158,17 @@ export const SecretImportItem = ({
} }
}} }}
> >
<div className="flex w-12 items-center px-4 py-2 text-green-700"> <div className="flex w-11 items-center py-2 pl-5 text-green-700">
<FontAwesomeIcon icon={faFileImport} /> <FontAwesomeIcon icon={faFileImport} />
</div> </div>
<div className="flex flex-grow items-center px-4 py-2"> <div className="flex flex-grow items-center py-2 pl-4 pr-2">
<EnvFolderIcon <EnvFolderIcon
env={importEnv.slug || ""} env={importEnv.slug || ""}
secretPath={secretImport?.importPath || ""} secretPath={secretImport?.importPath || ""}
// isReplication={isReplication} // isReplication={isReplication}
/> />
</div> </div>
<div className="flex items-center space-x-4 px-4 py-2"> <div className="flex items-center space-x-4 py-2 pr-4">
{lastReplicated && ( {lastReplicated && (
<Tooltip <Tooltip
position="left" position="left"
frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
+1 -2
View File
@@ -881,7 +881,7 @@ export const SecretOverviewPage = () => {
: "" : ""
} }
> >
<div> <div className="mr-4 ml-2">
<Checkbox <Checkbox
isDisabled={totalCount === 0} isDisabled={totalCount === 0}
id="checkbox-select-all-rows" id="checkbox-select-all-rows"
@@ -891,7 +891,6 @@ export const SecretOverviewPage = () => {
/> />
</div> </div>
</Tooltip> </Tooltip>
<div className="mx-2 h-4 w-[1px] bg-mineshaft-400" />
Name Name
<IconButton <IconButton
variant="plain" variant="plain"
frontend/src/views/SecretOverviewPage/components/SelectionPanel/SelectionPanel.tsx
+1 -1
View File
@@ -165,7 +165,7 @@ export const SelectionPanel = ({ secretPath, resetSelectedEntries, selectedEntri
<FontAwesomeIcon icon={faMinusSquare} size="lg" /> <FontAwesomeIcon icon={faMinusSquare} size="lg" />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<div className="ml-4 flex-grow px-2 text-sm">{selectedCount} Selected</div> <div className="ml-1 flex-grow px-2 text-sm">{selectedCount} Selected</div>
{shouldShowDelete && ( {shouldShowDelete && (
<Button <Button
variant="outline_bg" variant="outline_bg"