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 ( - -
+