diff --git a/src/front/Components/DesignSystem/Footer/classes.module.scss b/src/front/Components/DesignSystem/Footer/classes.module.scss index 16d6a0fb..a66b89c7 100644 --- a/src/front/Components/DesignSystem/Footer/classes.module.scss +++ b/src/front/Components/DesignSystem/Footer/classes.module.scss @@ -8,6 +8,7 @@ font-size: 12px; font-weight: var(--font-text-weight-regular, 400); letter-spacing: 0.06px; + .sub-root { display: flex; align-items: center; @@ -21,7 +22,18 @@ } } - @media (max-width: 660px) or (min-width: 768px) { + &[data-has-left-padding="true"] { + .desktop { + padding: var(--spacing-1-5, 12px) var(--spacing-15, 120px); + } + } + + &[data-is-sticky="true"] { + position: sticky; + bottom: 0; + } + + @media (max-width: 660px) or (min-width: 769px) { .tablet { display: none; } diff --git a/src/front/Components/DesignSystem/Footer/desktop.tsx b/src/front/Components/DesignSystem/Footer/desktop.tsx index 023fb75e..f3937b1c 100644 --- a/src/front/Components/DesignSystem/Footer/desktop.tsx +++ b/src/front/Components/DesignSystem/Footer/desktop.tsx @@ -13,7 +13,7 @@ const legalPages = Module.getInstance().get().modules.pages.Legal.pages.LegalInf export default function Desktop({ className }: IProps) { return (
- © Copyright lecoffre 2024 + © Copyright lecoffre 2024 Conditions d'utilisation diff --git a/src/front/Components/DesignSystem/Footer/index.tsx b/src/front/Components/DesignSystem/Footer/index.tsx index 9a23212f..a212956f 100644 --- a/src/front/Components/DesignSystem/Footer/index.tsx +++ b/src/front/Components/DesignSystem/Footer/index.tsx @@ -6,14 +6,16 @@ import Tablet from "./tablet"; type IProps = { className?: string; + hasLeftPadding?: boolean; + isSticky?: boolean; }; -export default function Footer({ className }: IProps) { +export default function Footer({ className, hasLeftPadding = false, isSticky = false }: IProps) { useEffect(() => { document.documentElement.style.setProperty("--footer-height", `43px`); }); return ( -