fix: fixed dvt75/new-dataset-page

intellica-tech · Jan 9, 2024 · eb99641 · eb99641
1 parent 4993184
commit eb99641
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/superset-frontend/src/pages/DvtNewDatasets/dvt-new-datasets.module.tsx b/superset-frontend/src/pages/DvtNewDatasets/dvt-new-datasets.module.tsx
@@ -1,17 +1,30 @@
 import { styled } from '@superset-ui/core';
 
-const StyledNewDatasetsButtons = styled.div`
+const StyledDvtNewDatasets = styled.div`
   display: flex;
+  flex-direction: column;
+  height: 100%;
+  align-items: center;
+`;
+
+const StyledNewDatasetsButtons = styled.div`
+  display: inline-flex;
   flex-direction: row;
   justify-content: flex-end;
-  gap: 24px;
   align-items: center;
-  padding-top: 273px;
-  padding-right: 45px;
+  gap: 24px;
+  width: 100%;
+  padding-right: 20px;
+  margin-top: auto;
 `;
 
 const StyledDatasetsIconLabel = styled.div`
-  padding-top: 250px;
+  display: flex;
+  margin-top: auto;
 `;
 
-export { StyledNewDatasetsButtons, StyledDatasetsIconLabel };
+export {
+  StyledDvtNewDatasets,
+  StyledNewDatasetsButtons,
+  StyledDatasetsIconLabel,
+};
diff --git a/superset-frontend/src/pages/DvtNewDatasets/index.tsx b/superset-frontend/src/pages/DvtNewDatasets/index.tsx
@@ -3,12 +3,13 @@ import DvtButton from 'src/components/DvtButton';
 import DvtIconDataLabel from 'src/components/DvtIconDataLabel';
 import {
   StyledDatasetsIconLabel,
+  StyledDvtNewDatasets,
   StyledNewDatasetsButtons,
 } from './dvt-new-datasets.module';
 
 function DvtNewDatasets() {
   return (
-    <div>
+    <StyledDvtNewDatasets>
       <StyledDatasetsIconLabel>
         <DvtIconDataLabel
           label="Select dataset source"
@@ -32,7 +33,7 @@ function DvtNewDatasets() {
           onClick={() => {}}
         />
       </StyledNewDatasetsButtons>
-    </div>
+    </StyledDvtNewDatasets>
   );
 }