diff --git a/deepfence_frontend/apps/dashboard/src/features/dashboard/components/CardHeader.tsx b/deepfence_frontend/apps/dashboard/src/features/dashboard/components/CardHeader.tsx index 075d7fe0c2..b0701a41c2 100644 --- a/deepfence_frontend/apps/dashboard/src/features/dashboard/components/CardHeader.tsx +++ b/deepfence_frontend/apps/dashboard/src/features/dashboard/components/CardHeader.tsx @@ -15,17 +15,20 @@ export const CardHeader = ({ const Wrapper = ({ children }: { children: ReactNode }) => { if (link?.length) { return ( - {children} -
- -
-
+ +
+ More +
+ +
+
+
+ ); } return ( diff --git a/deepfence_frontend/apps/dashboard/src/features/malwares/pages/MalwareScanResults.tsx b/deepfence_frontend/apps/dashboard/src/features/malwares/pages/MalwareScanResults.tsx index d9740a0dd1..be3c3dec08 100644 --- a/deepfence_frontend/apps/dashboard/src/features/malwares/pages/MalwareScanResults.tsx +++ b/deepfence_frontend/apps/dashboard/src/features/malwares/pages/MalwareScanResults.tsx @@ -1538,17 +1538,6 @@ const MalwareTable = ({ size: 160, maxSize: 165, }), - columnHelper.accessor('resources', { - enableSorting: false, - enableResizing: true, - cell: (info) => { - return ; - }, - header: () => , - minSize: 180, - size: 180, - maxSize: 190, - }), columnHelper.accessor('summary', { enableSorting: false, enableResizing: true, @@ -1780,7 +1769,7 @@ const ScanResults = () => { {filtersExpanded ? : null}
- }> + }> { return ( - -
- {icon} - - {title} - -
- +
+ {icon} + + +
+ More +
+ +
-
- + +
); }; diff --git a/deepfence_frontend/apps/dashboard/src/features/secrets/components/landing/CardHeader.tsx b/deepfence_frontend/apps/dashboard/src/features/secrets/components/landing/CardHeader.tsx index 5e0b15b806..b15b242951 100644 --- a/deepfence_frontend/apps/dashboard/src/features/secrets/components/landing/CardHeader.tsx +++ b/deepfence_frontend/apps/dashboard/src/features/secrets/components/landing/CardHeader.tsx @@ -2,6 +2,7 @@ import { ReactNode } from 'react'; import { DFLink } from '@/components/DFLink'; import { CaretDown } from '@/components/icons/common/CaretDown'; +import { TruncatedText } from '@/components/TruncatedText'; export const CardHeader = ({ icon, @@ -13,16 +14,17 @@ export const CardHeader = ({ path: string; }) => { return ( - -
- {icon} - - {title} - -
- +
+ {icon} + + +
+ More +
+ +
-
- + +
); }; diff --git a/deepfence_frontend/apps/dashboard/src/features/secrets/pages/SecretScanResults.tsx b/deepfence_frontend/apps/dashboard/src/features/secrets/pages/SecretScanResults.tsx index c700c4c292..b74db20bb1 100644 --- a/deepfence_frontend/apps/dashboard/src/features/secrets/pages/SecretScanResults.tsx +++ b/deepfence_frontend/apps/dashboard/src/features/secrets/pages/SecretScanResults.tsx @@ -1489,23 +1489,23 @@ const SecretTable = ({ ), header: () => 'Name', - minSize: 80, - size: 100, - maxSize: 130, + minSize: 100, + size: 120, + maxSize: 150, }), columnHelper.accessor('full_filename', { cell: (info) => , header: () => , minSize: 100, - size: 110, + size: 120, maxSize: 140, }), columnHelper.accessor('matched_content', { cell: (info) => , header: () => 'Matched content', minSize: 130, - size: 140, - maxSize: 165, + size: 150, + maxSize: 170, }), columnHelper.accessor('level', { cell: (info) => ( @@ -1518,20 +1518,9 @@ const SecretTable = ({
), header: () => 'Severity', - minSize: 30, - size: 50, - maxSize: 70, - }), - columnHelper.accessor('resources', { - enableSorting: false, - enableResizing: true, - cell: (info) => { - return ; - }, - header: () => , - minSize: 100, - size: 120, - maxSize: 190, + minSize: 60, + size: 80, + maxSize: 100, }), ]; diff --git a/deepfence_frontend/apps/dashboard/src/features/vulnerabilities/components/landing/CardHeader.tsx b/deepfence_frontend/apps/dashboard/src/features/vulnerabilities/components/landing/CardHeader.tsx index 5e0b15b806..b15b242951 100644 --- a/deepfence_frontend/apps/dashboard/src/features/vulnerabilities/components/landing/CardHeader.tsx +++ b/deepfence_frontend/apps/dashboard/src/features/vulnerabilities/components/landing/CardHeader.tsx @@ -2,6 +2,7 @@ import { ReactNode } from 'react'; import { DFLink } from '@/components/DFLink'; import { CaretDown } from '@/components/icons/common/CaretDown'; +import { TruncatedText } from '@/components/TruncatedText'; export const CardHeader = ({ icon, @@ -13,16 +14,17 @@ export const CardHeader = ({ path: string; }) => { return ( - -
- {icon} - - {title} - -
- +
+ {icon} + + +
+ More +
+ +
-
- + +
); };