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

Minor style changes

Browse Source
This commit is contained in:
Vladyslav Matsiiako
2023-06-04 13:18:05 +05:30
committed by akhilmhdh
parent 579516bd38
commit 467e85b717
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/DashboardPage/DashboardPage.tsx
+1 -1
View File
@@ -552,7 +552,7 @@ export const DashboardPage = ({ envFromTop }: { envFromTop: string }) => {
/> />
</div> </div>
<div className="mb-4"> <div className="mb-4">
<h6 className="text-2xl">{isRollbackMode ? 'Secret Snapshot' : 'Secrets'}</h6> <h6 className="text-2xl">{isRollbackMode ? 'Secret Snapshot' : ''}</h6>
{isRollbackMode && Boolean(snapshotSecret) && ( {isRollbackMode && Boolean(snapshotSecret) && (
<Tag colorSchema="green"> <Tag colorSchema="green">
{new Date(snapshotSecret?.createdAt || '').toLocaleString()} {new Date(snapshotSecret?.createdAt || '').toLocaleString()}
frontend/src/views/DashboardPage/components/FolderSection/FolderSection.tsx
+8 -8
View File
@@ -1,4 +1,4 @@
import { faEdit, faFolder, faTrash } from '@fortawesome/free-solid-svg-icons'; import { faEdit, faFolder, faXmark } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { IconButton, Tooltip } from '@app/components/v2'; import { IconButton, Tooltip } from '@app/components/v2';
@@ -23,8 +23,8 @@ export const FolderSection = ({
{folders {folders
.filter(({ name }) => name.toLowerCase().includes(search.toLowerCase())) .filter(({ name }) => name.toLowerCase().includes(search.toLowerCase()))
.map(({ id, name }) => ( .map(({ id, name }) => (
<tr key={id} className="group flex flex-row items-center"> <tr key={id} className="group flex flex-row items-center hover:bg-mineshaft-700 cursor-default">
<td className="flex h-10 w-10 items-center justify-center border-none px-4"> <td className="flex h-10 w-10 items-center justify-center border-none px-4 ml-0.5">
<FontAwesomeIcon icon={faFolder} className="text-primary-700" /> <FontAwesomeIcon icon={faFolder} className="text-primary-700" />
</td> </td>
<td <td
@@ -33,7 +33,7 @@ export const FolderSection = ({
style={{ paddingTop: '0', paddingBottom: '0' }} style={{ paddingTop: '0', paddingBottom: '0' }}
> >
<div <div
className="flex-grow cursor-pointer p-2 pl-3" className="flex-grow p-2 cursor-default"
onKeyDown={() => null} onKeyDown={() => null}
tabIndex={0} tabIndex={0}
role="button" role="button"
@@ -43,9 +43,9 @@ export const FolderSection = ({
</div> </div>
<div className="duration-0 flex h-10 w-16 items-center justify-end space-x-2.5 overflow-hidden border-l border-mineshaft-600 transition-all"> <div className="duration-0 flex h-10 w-16 items-center justify-end space-x-2.5 overflow-hidden border-l border-mineshaft-600 transition-all">
<div className="opacity-0 group-hover:opacity-100"> <div className="opacity-0 group-hover:opacity-100">
<Tooltip content="Settings"> <Tooltip content="Settings" className="capitalize">
<IconButton <IconButton
size="lg" size="md"
colorSchema="primary" colorSchema="primary"
variant="plain" variant="plain"
onClick={() => handleFolderUpdate(id, name)} onClick={() => handleFolderUpdate(id, name)}
@@ -56,7 +56,7 @@ export const FolderSection = ({
</Tooltip> </Tooltip>
</div> </div>
<div className="opacity-0 group-hover:opacity-100"> <div className="opacity-0 group-hover:opacity-100">
<Tooltip content="Delete"> <Tooltip content="Delete" className="capitalize">
<IconButton <IconButton
size="md" size="md"
variant="plain" variant="plain"
@@ -64,7 +64,7 @@ export const FolderSection = ({
ariaLabel="delete" ariaLabel="delete"
onClick={() => handleFolderDelete(id, name)} onClick={() => handleFolderDelete(id, name)}
> >
<FontAwesomeIcon icon={faTrash} /> <FontAwesomeIcon icon={faXmark} />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</div> </div>