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