diff --git a/pro/src/app/App/layout/Layout.module.scss b/pro/src/app/App/layout/Layout.module.scss
index 5ea724be55d..1f1c7ec1e3a 100644
--- a/pro/src/app/App/layout/Layout.module.scss
+++ b/pro/src/app/App/layout/Layout.module.scss
@@ -104,9 +104,8 @@ $connect-as-header-height: rem.torem(52px);
}
&-sticky-onboarding {
- max-width: size.$main-content-width;
margin: 0 auto size.$action-bar-sticky-height auto;
- padding: size.$main-content-padding;
+ padding: 0;
}
}
@@ -139,6 +138,9 @@ $connect-as-header-height: rem.torem(52px);
&-sticky-onboarding {
display: flex;
justify-content: center;
+ max-width: size.$main-content-width;
+ padding: size.$main-content-padding size.$main-content-padding 0;
+ margin: 0 auto;
}
}
diff --git a/pro/src/app/App/layout/Layout.tsx b/pro/src/app/App/layout/Layout.tsx
index e07607fc11a..3b7fcdafdf8 100644
--- a/pro/src/app/App/layout/Layout.tsx
+++ b/pro/src/app/App/layout/Layout.tsx
@@ -38,7 +38,7 @@ export const Layout = ({
children,
mainHeading,
layout = 'basic',
- showFooter = layout !== 'funnel' && layout !== 'sticky-onboarding',
+ showFooter = layout !== 'funnel',
}: LayoutProps) => {
const currentUser = useSelector(selectCurrentUser)
const [lateralPanelOpen, setLateralPanelOpen] = useState(false)
@@ -61,10 +61,12 @@ export const Layout = ({
const mainHeadingWrapper = mainHeading && (
{mainHeading}
- {isConnected && }
+ {isConnected && (
+
+ )}
)
@@ -97,6 +99,7 @@ export const Layout = ({
)}
{(layout === 'basic' ||
layout === 'sticky-actions' ||
+ layout === 'onboarding' ||
layout === 'sticky-onboarding') && (
)}
{
}
return (
-
+
Offre à destination des jeunes
Comment souhaitez-vous créer votre 1ère offre ?
diff --git a/pro/src/pages/Onboarding/OnboardingOfferIndividualAutomatic/OnboardingOfferIndividualAutomatic.tsx b/pro/src/pages/Onboarding/OnboardingOfferIndividualAutomatic/OnboardingOfferIndividualAutomatic.tsx
index 94d1ea2dc84..b1965254c06 100644
--- a/pro/src/pages/Onboarding/OnboardingOfferIndividualAutomatic/OnboardingOfferIndividualAutomatic.tsx
+++ b/pro/src/pages/Onboarding/OnboardingOfferIndividualAutomatic/OnboardingOfferIndividualAutomatic.tsx
@@ -16,7 +16,7 @@ export const OnboardingOfferIndividualAutomatic = ({
const navigate = useNavigate()
return (
-
+
Connecter mon logiciel de gestion des stocks
diff --git a/pro/src/pages/Onboarding/OnboardingOffersTypeChoice/OnboardingOffersTypeChoice.tsx b/pro/src/pages/Onboarding/OnboardingOffersTypeChoice/OnboardingOffersTypeChoice.tsx
index 5f0d8bcf508..174963e9b9a 100644
--- a/pro/src/pages/Onboarding/OnboardingOffersTypeChoice/OnboardingOffersTypeChoice.tsx
+++ b/pro/src/pages/Onboarding/OnboardingOffersTypeChoice/OnboardingOffersTypeChoice.tsx
@@ -9,7 +9,7 @@ import styles from './OnboardingOffersTypeChoice.module.scss'
export const OnboardingOffersTypeChoice = () => {
return (
-
+
diff --git a/pro/src/pages/Onboarding/components/OnboardingLayout/OnboardingLayout.tsx b/pro/src/pages/Onboarding/components/OnboardingLayout/OnboardingLayout.tsx
index 249e63073c9..e4d35c34e4f 100644
--- a/pro/src/pages/Onboarding/components/OnboardingLayout/OnboardingLayout.tsx
+++ b/pro/src/pages/Onboarding/components/OnboardingLayout/OnboardingLayout.tsx
@@ -2,26 +2,26 @@ import cn from 'classnames'
import { type ReactNode } from 'react'
import { Layout } from 'app/App/layout/Layout'
-import { Header } from 'components/Header/Header'
import styles from './OnboardingLayout.module.scss'
interface OnboardingLayoutProps {
className?: string
- showFooter?: boolean
verticallyCentered?: boolean
children: ReactNode
+ stickyActionsAndFooter?: boolean
}
export const OnboardingLayout = ({
className,
- showFooter = true,
children,
verticallyCentered = false,
+ stickyActionsAndFooter = true,
}: OnboardingLayoutProps): JSX.Element => {
return (
-
-
+