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

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

3
frontend/src/views/SecretMainPage/SecretMainPage.tsx
View File

@@ -391,7 +391,7 @@ const SecretMainPageContent = () => {
: ""
}
>
<div>
<div className="mr-6 ml-1">
<Checkbox
isDisabled={totalCount === 0}
id="checkbox-select-all-rows"
@@ -402,7 +402,6 @@ const SecretMainPageContent = () => {
/>
</div>
</Tooltip>
<div className="mx-2 h-4 w-[1px] bg-mineshaft-400" />
Key
<FontAwesomeIcon
icon={orderDirection === OrderByDirection.ASC ? faArrowDown : faArrowUp}

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

@@ -551,7 +551,7 @@ export const ActionBar = ({
<FontAwesomeIcon icon={faMinusSquare} size="lg" />
</IconButton>
</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
</div>
<ProjectPermissionCan

6
frontend/src/views/SecretMainPage/components/SecretImportListView/SecretImportItem.tsx
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} />
</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
env={importEnv.slug || ""}
secretPath={secretImport?.importPath || ""}
// isReplication={isReplication}
/>
</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 && (
<Tooltip
position="left"

3
frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx
View File

@@ -881,7 +881,7 @@ export const SecretOverviewPage = () => {
: ""
}
>
<div>
<div className="mr-4 ml-2">
<Checkbox
isDisabled={totalCount === 0}
id="checkbox-select-all-rows"
@@ -891,7 +891,6 @@ export const SecretOverviewPage = () => {
/>
</div>
</Tooltip>
<div className="mx-2 h-4 w-[1px] bg-mineshaft-400" />
Name
<IconButton
variant="plain"

2
frontend/src/views/SecretOverviewPage/components/SelectionPanel/SelectionPanel.tsx
View File

@@ -165,7 +165,7 @@ export const SelectionPanel = ({ secretPath, resetSelectedEntries, selectedEntri
<FontAwesomeIcon icon={faMinusSquare} size="lg" />
</IconButton>
</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 && (
<Button
variant="outline_bg"