Merge pull request #1724 from deepfence/ui-fix-posture-table-padding

Fix missing padding in posture tables
deepfence · Nov 8, 2023 · 42f7dc4 · 42f7dc4
2 parents b29d9d6 + 816cb28
commit 42f7dc4
Showing 1 changed file with 26 additions and 28 deletions.
diff --git a/deepfence_frontend/apps/dashboard/src/features/postures/pages/Accounts.tsx b/deepfence_frontend/apps/dashboard/src/features/postures/pages/Accounts.tsx
@@ -1069,7 +1069,7 @@ const Accounts = () => {
           }}
         />
       )}
-      <div className="mb-4">
+      <div className="mb-4 mx-4">
         <div className="flex h-12 items-center">
           <BulkActions
             disabled={Object.keys(rowSelectionState).length === 0}
@@ -1177,33 +1177,31 @@ const AccountWithTab = () => {
   return (
     <>
       <Header />
-      <div className="mx-4">
-        <Tabs
-          className="mt-2"
-          value={currentTab}
-          tabs={tabs}
-          onValueChange={(value) => {
-            if (currentTab === value) return;
-            let _nodeType = nodeType;
-            if (value === 'org-accounts') {
-              _nodeType = _nodeType + '_org';
-            } else {
-              _nodeType = _nodeType.split('_')[0];
-            }
-            setTab(value);
-            navigate(
-              generatePath('/posture/accounts/:nodeType', {
-                nodeType: _nodeType,
-              }),
-            );
-          }}
-          size="md"
-        >
-          <div className="mt-2">
-            <Accounts />
-          </div>
-        </Tabs>
-      </div>
+      <Tabs
+        className="mt-2"
+        value={currentTab}
+        tabs={tabs}
+        onValueChange={(value) => {
+          if (currentTab === value) return;
+          let _nodeType = nodeType;
+          if (value === 'org-accounts') {
+            _nodeType = _nodeType + '_org';
+          } else {
+            _nodeType = _nodeType.split('_')[0];
+          }
+          setTab(value);
+          navigate(
+            generatePath('/posture/accounts/:nodeType', {
+              nodeType: _nodeType,
+            }),
+          );
+        }}
+        size="md"
+      >
+        <div className="mt-2">
+          <Accounts />
+        </div>
+      </Tabs>
     </>
   );
 };