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

fixed minor bugs and updated the design

Browse Source
This commit is contained in:
Vladyslav Matsiiako
2023-05-04 15:31:06 -07:00
parent 82995fbd02
commit b1f2515731
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/reactQuery.ts
+2 -1
View File
@@ -9,7 +9,8 @@ export const queryClient = new QueryClient({
defaultOptions: { defaultOptions: {
queries: { queries: {
refetchOnWindowFocus: false, refetchOnWindowFocus: false,
retry: 1 retry: 1,
cacheTime: 1200000
} }
} }
}); });
frontend/src/views/DashboardPage/DashboardEnvOverview.tsx
+2 -2
View File
@@ -161,11 +161,11 @@ export const DashboardEnvOverview = ({ onEnvChange }: { onEnvChange: any }) => {
<div <div
className={`${ className={`${
isDashboardSecretEmpty ? '' : '' isDashboardSecretEmpty ? '' : ''
} no-scrollbar::-webkit-scrollbar mt-3 flex h-full max-h-[calc(100vh-370px)] w-full min-w-[60.3rem] flex-grow flex-row items-start justify-center overflow-x-hidden no-scrollbar`} } no-scrollbar::-webkit-scrollbar mt-3 border rounded-md border-mineshaft-600 flex h-full max-h-[calc(100vh-370px)] w-full min-w-[60.3rem] flex-grow flex-row items-start justify-center overflow-x-hidden no-scrollbar`}
> >
{!isDashboardSecretEmpty && ( {!isDashboardSecretEmpty && (
<TableContainer className="border-none"> <TableContainer className="border-none">
<table className="secret-table relative w-full bg-bunker-800"> <table className="secret-table relative w-full bg-mineshaft-900">
<tbody className="max-h-screen overflow-y-auto"> <tbody className="max-h-screen overflow-y-auto">
{Object.keys(secrets?.secrets || {}).map((key, index) => ( {Object.keys(secrets?.secrets || {}).map((key, index) => (
<EnvComparisonRow <EnvComparisonRow
frontend/src/views/DashboardPage/components/EnvComparisonRow/EnvComparisonRow.tsx
+3 -3
View File
@@ -27,7 +27,7 @@ const DashboardInput = ({
secret?: any; secret?: any;
}): JSX.Element => { }): JSX.Element => {
const syntaxHighlight = useCallback((val: string) => { const syntaxHighlight = useCallback((val: string) => {
if (!val) if (val === undefined)
return ( return (
<span className="cursor-default font-sans text-xs italic text-red-500/80">missing</span> <span className="cursor-default font-sans text-xs italic text-red-500/80">missing</span>
); );
@@ -60,7 +60,7 @@ const DashboardInput = ({
<td <td
key={`row-${secret?.key || ''}--`} key={`row-${secret?.key || ''}--`}
className={`flex h-10 w-full cursor-default flex-row items-center justify-center ${ className={`flex h-10 w-full cursor-default flex-row items-center justify-center ${
!(secret?.value || secret?.value === '') ? 'bg-red-400/10' : 'bg-mineshaft-900/30' !(secret?.value || secret?.value === '') ? 'bg-red-800/10' : 'bg-mineshaft-900/30'
}`} }`}
> >
<div className="group relative flex w-full cursor-default flex-col justify-center whitespace-pre"> <div className="group relative flex w-full cursor-default flex-col justify-center whitespace-pre">
@@ -122,7 +122,7 @@ export const EnvComparisonRow = ({
); );
return ( return (
<tr className="group flex min-w-full flex-row items-center hover:bg-bunker-700"> <tr className="group flex min-w-full flex-row items-center hover:bg-mineshaft-800">
<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">
<div className="w-10 text-center text-xs text-bunker-400">{index + 1}</div> <div className="w-10 text-center text-xs text-bunker-400">{index + 1}</div>
</td> </td>