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

Merge branch 'dev' into staging

Browse Source
This commit is contained in:
Vins 2024-07-24 16:51:19 +02:00
commit eae3737514
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-size: 12px;
font-weight: var(--font-text-weight-regular, 400); font-weight: var(--font-text-weight-regular, 400);
letter-spacing: 0.06px; letter-spacing: 0.06px;
.sub-root { .sub-root {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--Radius-lg, 16px); gap: var(--Radius-lg, 16px);
white-space: nowrap; 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) { @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 Desktop from "./desktop";
import Tablet from "./tablet"; import Tablet from "./tablet";
type IProps = {}; type IProps = {
className?: string;
};
export default function Footer(props: IProps) { export default function Footer({ className }: IProps) {
return ( return (
<footer className={classes["root"]}> <footer className={[classes["root"], className].join(" ")}>
<Mobile className={classes["mobile"]} /> <Mobile className={classes["mobile"]} />
<Tablet className={classes["tablet"]} /> <Tablet className={classes["tablet"]} />
<Desktop className={classes["desktop"]} /> <Desktop className={classes["desktop"]} />