Merge branch 'improvement/ZKUI-424-polish-veeam-summary-page' into q/2.2

scality · Dec 15, 2023 · 44a970d · 44a970d
2 parents a1a70b3 + 257a93c
commit 44a970d
Show file tree

Hide file tree

Showing 5 changed files with 192 additions and 157 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -76,7 +76,7 @@
     "@hookform/resolvers": "^2.8.8",
     "@js-temporal/polyfill": "^0.4.3",
     "@monaco-editor/react": "^4.4.5",
-    "@scality/core-ui": "github:scality/core-ui#0.107.0",
+    "@scality/core-ui": "github:scality/core-ui#0.109.0",
     "@scality/module-federation": "github:scality/module-federation#1.1.0",
     "@types/react-table": "^7.7.10",
     "@types/react-virtualized": "^9.21.20",

diff --git a/src/react/ui-elements/Veeam/VeeamSteps.tsx b/src/react/ui-elements/Veeam/VeeamSteps.tsx
@@ -1,7 +1,8 @@
 import VeeamTable from './VeeamTable';
 import VeeamConfiguration from './VeeamConfiguration';
 import { VeeamSummary } from './VeeamSummary';
-import { Stepper } from '@scality/core-ui';
+import { Stepper, spacing } from '@scality/core-ui';
+import { useTheme } from 'styled-components';
 
 export const VEEAM_STEPS = [
   {
@@ -25,5 +26,16 @@ export enum VeeamStepsIndexes {
 }
 
 export default function VeeamSteppers() {
-  return <Stepper steps={VEEAM_STEPS} />;
+  const theme = useTheme();
+  return (
+    <div
+      style={{
+        height: '100%',
+        backgroundColor: theme.backgroundLevel4,
+        paddingTop: spacing.r16,
+      }}
+    >
+      <Stepper steps={VEEAM_STEPS} />
+    </div>
+  );
 }