Fix stepper on tablets.

masiulis · masiulis · commit b2ac008d85b2 · 2023-11-14T14:24:58.000+02:00
diff --git a/src/steps/Steps.tsx b/src/steps/Steps.tsx
@@ -49,6 +49,7 @@ export const Steps = () => {
           activeStep={activeStep}
           checkIcon={CheckIcon}
           onClickStep={isNavigationEnabled ? onClickStep : undefined}
+          responsive={false}
         >
           {steps.map((key) => (
             <Step label={translations[key].title} key={key} />
diff --git a/src/theme.ts b/src/theme.ts
@@ -32,6 +32,7 @@ const StepsComponent: typeof StepsTheme = {
       },
       stepIconContainer: {
         ...StepsTheme.variants.circles(props).stepIconContainer,
+        flex: "0 0 auto",
         bg: "background",
         borderColor: "background",
       },

Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@ export const Steps = () => {`
`49`	`49`	`activeStep={activeStep}`
`50`	`50`	`checkIcon={CheckIcon}`
`51`	`51`	`onClickStep={isNavigationEnabled ? onClickStep : undefined}`
	`52`	`+ responsive={false}`
`52`	`53`	`>`
`53`	`54`	`{steps.map((key) => (`
`54`	`55`	`<Step label={translations[key].title} key={key} />`