Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding the logo

Browse Source
This commit is contained in:
Antoine M 2024-06-24 15:12:42 +02:00
parent 8fb8ab7099
commit b19c997350
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/css/pages/Warning.scss
View File

@ -1,6 +1,6 @@
.page-container--warning { .page-container--warning {
@apply bg-lhoist min-h-screen py-12 px-4 flex flex-col justify-center items-center; @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 { .warning-content__title {
@apply bg-construction p-4 text-5xl; @apply bg-construction p-4 text-5xl;
transform: rotate(-3deg); transform: rotate(-3deg);
@ -11,4 +11,7 @@
.warning-content__text { .warning-content__text {
@apply text-white text-center text-xl max-w-2xl pb-12; @apply text-white text-center text-xl max-w-2xl pb-12;
} }
.lhoist-branding-logo {
@apply hidden md:block;
}
} }

2
src/pages/Warning.jsx
View File

@ -4,6 +4,7 @@ import AnimatedPage from "../components/AnimatedPage";
import Loading from "../components/animations/Loading"; import Loading from "../components/animations/Loading";
import { useUser } from "../hooks/useUser"; import { useUser } from "../hooks/useUser";
import warningSticker from "../assets/img/illustrations/lhoist-prevention-smartphone-sticker.svg"; import warningSticker from "../assets/img/illustrations/lhoist-prevention-smartphone-sticker.svg";
import BrandingLogo from "../components/ui/LhoistBrandingLogo.jsx";
export default function Warning() { export default function Warning() {
const { language, screensTranslations } = useUser(); const { language, screensTranslations } = useUser();
@ -22,6 +23,7 @@ export default function Warning() {
className='cta cta--construction cta--lhoist cta--button-icon cta--start'> className='cta cta--construction cta--lhoist cta--button-icon cta--start'>
<span>{uiTranslations.continue}</span> <span>{uiTranslations.continue}</span>
</Link> </Link>
<BrandingLogo />
</AnimatedPage> </AnimatedPage>
); );
} }