4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Footer

Browse Source
This commit is contained in:
Vins 2024-07-24 16:50:59 +02:00
parent 75d07e0d04
commit f81c6b6400
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/front/Components/DesignSystem/Footer/classes.module.scss
View File

@ -8,12 +8,18 @@
font-size: 12px;
font-weight: var(--font-text-weight-regular, 400);
letter-spacing: 0.06px;
.sub-root {
display: flex;
align-items: center;
gap: var(--Radius-lg, 16px);
white-space: nowrap;
justify-content: center;
padding: 0 360px;
//make it sticky
@media (max-width: 1023px) {
padding: 0 12px;
}
}
@media (max-width: 660px) or (min-width: 768px) {

8
src/front/Components/DesignSystem/Footer/index.tsx
View File

@ -4,11 +4,13 @@ import Mobile from "./mobile";
import Desktop from "./desktop";
import Tablet from "./tablet";
type IProps = {};
type IProps = {
className?: string;
};
export default function Footer(props: IProps) {
export default function Footer({ className }: IProps) {
return (
<footer className={classes["root"]}>
<footer className={[classes["root"], className].join(" ")}>
<Mobile className={classes["mobile"]} />
<Tablet className={classes["tablet"]} />
<Desktop className={classes["desktop"]} />