awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-07 13:27:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor style updates

Browse Source
This commit is contained in:
Vladyslav Matsiiako
2023-06-15 13:51:28 -07:00
parent b1b32a34c9
commit 15fc12627a
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/globals.css
+8
View File
@@ -49,6 +49,14 @@
@apply bg-mineshaft-800; @apply bg-mineshaft-800;
} }
.breadcrumb:hover::before {
@apply bg-mineshaft-600;
}
.breadcrumb:hover::after {
@apply bg-mineshaft-600;
}
.breadcrumb::after { .breadcrumb::after {
left: 5px; left: 5px;
bottom: -3px; bottom: -3px;
frontend/src/views/DashboardPage/DashboardEnvOverview.tsx
+4 -4
View File
@@ -170,10 +170,10 @@ export const DashboardEnvOverview = () => {
</a> </a>
</p> </p>
</div> </div>
<div className="mt-4 flex items-center justify-between"> <div className="mt-8 flex items-center justify-between">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<div <div
className="breadcrumb relative z-20 border-solid border-mineshaft-600 bg-mineshaft-800 py-1 px-5" className="breadcrumb relative z-20 border-solid border-mineshaft-600 bg-mineshaft-800 hover:bg-mineshaft-600 py-1 pl-5 pr-2 text-sm"
onClick={() => onFolderCrumbClick(0)} onClick={() => onFolderCrumbClick(0)}
onKeyDown={() => null} onKeyDown={() => null}
role="button" role="button"
@@ -189,7 +189,7 @@ export const DashboardEnvOverview = () => {
key={`secret-path-${index + 1}`} key={`secret-path-${index + 1}`}
className={`breadcrumb relative z-20 ${ className={`breadcrumb relative z-20 ${
index + 1 === arr.length ? 'cursor-default' : 'cursor-pointer' index + 1 === arr.length ? 'cursor-default' : 'cursor-pointer'
} border-solid border-mineshaft-600 py-1 px-5`} } border-solid border-mineshaft-600 py-1 pl-5 pr-2 text-sm text-mineshaft-200`}
onClick={() => onFolderCrumbClick(index + 1)} onClick={() => onFolderCrumbClick(index + 1)}
onKeyDown={() => null} onKeyDown={() => null}
role="button" role="button"
@@ -210,7 +210,7 @@ export const DashboardEnvOverview = () => {
</div> </div>
</div> </div>
<div className="overflow-y-auto"> <div className="overflow-y-auto">
<div className="sticky top-0 mt-8 flex h-10 min-w-[60.3rem] flex-row rounded-md border border-mineshaft-600 bg-mineshaft-800"> <div className="sticky top-0 mt-3 flex h-10 min-w-[60.3rem] flex-row rounded-md border border-mineshaft-600 bg-mineshaft-800">
<div className="sticky top-0 flex w-10 items-center justify-center border-none px-4"> <div className="sticky top-0 flex w-10 items-center justify-center border-none px-4">
<div className="w-10 text-center text-xs text-transparent">{0}</div> <div className="w-10 text-center text-xs text-transparent">{0}</div>
</div> </div>
frontend/src/views/DashboardPage/components/EnvComparisonRow/FolderComparisonRow.tsx
+2 -2
View File
@@ -1,4 +1,4 @@
import { faCheck, faFolder, faX } from '@fortawesome/free-solid-svg-icons'; import { faCheck, faFolder, faXmark } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
type Props = { type Props = {
@@ -35,7 +35,7 @@ export const FolderComparisonRow = ({
}`} }`}
key={`${folderName}-${slug}`} key={`${folderName}-${slug}`}
> >
<FontAwesomeIcon icon={folderInEnv[slug] ? faCheck : faX} /> <FontAwesomeIcon icon={folderInEnv[slug] ? faCheck : faXmark} />
</td> </td>
))} ))}
</tr> </tr>