diff --git a/src/assets/css/pages/Warning.scss b/src/assets/css/pages/Warning.scss index 62e8c9e..acc962f 100644 --- a/src/assets/css/pages/Warning.scss +++ b/src/assets/css/pages/Warning.scss @@ -1,6 +1,6 @@ .page-container--warning { @apply bg-lhoist min-h-screen py-12 px-4 flex flex-col justify-center items-center; - box-sizing: border-box ; + box-sizing: border-box; .warning-content__title { @apply bg-construction p-4 text-5xl; transform: rotate(-3deg); @@ -11,4 +11,7 @@ .warning-content__text { @apply text-white text-center text-xl max-w-2xl pb-12; } + .lhoist-branding-logo { + @apply hidden md:block; + } } diff --git a/src/pages/Warning.jsx b/src/pages/Warning.jsx index a4324e4..e289b28 100644 --- a/src/pages/Warning.jsx +++ b/src/pages/Warning.jsx @@ -4,6 +4,7 @@ import AnimatedPage from "../components/AnimatedPage"; import Loading from "../components/animations/Loading"; import { useUser } from "../hooks/useUser"; import warningSticker from "../assets/img/illustrations/lhoist-prevention-smartphone-sticker.svg"; +import BrandingLogo from "../components/ui/LhoistBrandingLogo.jsx"; export default function Warning() { const { language, screensTranslations } = useUser(); @@ -22,6 +23,7 @@ export default function Warning() { className='cta cta--construction cta--lhoist cta--button-icon cta--start'> {uiTranslations.continue} + ); }