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

✨ Fixing select folder

Browse Source
This commit is contained in:
Maxime Lalo 2023-08-01 15:19:38 +02:00
parent 8fffd3e8c4
commit 9dfdaa902d
2 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/front/Components/Layouts/SelectFolder/classes.module.scss
View File

@ -1,16 +1,5 @@
.root { .root {
position: relative; position: relative;
.background-container {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
> img {
width: 100%;
object-fit: cover;
}
}
.select-folder-container { .select-folder-container {
max-width: 530px; max-width: 530px;
padding: 80px 72px; padding: 80px 72px;

25
src/front/Components/Layouts/SelectFolder/index.tsx
View File

@ -1,14 +1,14 @@
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import classes from "./classes.module.scss";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import BlockList, { IBlock } from "@Front/Components/DesignSystem/BlockList";
import { OfficeFolder } from "le-coffre-resources/dist/Customer";
import { useCallback, useEffect, useState } from "react";
import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders"; import Folders from "@Front/Api/LeCoffreApi/SuperAdmin/Folders/Folders";
import { useRouter } from "next/router"; import BlockList, { IBlock } from "@Front/Components/DesignSystem/BlockList";
import Typography, { ITypo } from "@Front/Components/DesignSystem/Typography";
import DefaultDoubleSidePage from "@Front/Components/LayoutTemplates/DefaultDoubleSidePage";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import BackgroundImage from "@Assets/images/background.png"; import { OfficeFolder } from "le-coffre-resources/dist/Customer";
import Image from "next/image"; import { useRouter } from "next/router";
import { useCallback, useEffect, useState } from "react";
import LandingImage from "../Login/landing-connect.jpeg";
import classes from "./classes.module.scss";
export default function SelectFolder() { export default function SelectFolder() {
const [folders, setFolders] = useState<OfficeFolder[]>([]); const [folders, setFolders] = useState<OfficeFolder[]>([]);
@ -33,11 +33,8 @@ export default function SelectFolder() {
); );
return ( return (
<DefaultTemplate title="Sélectionner un dossier" hasHeaderLinks={false}> <DefaultDoubleSidePage title="Sélectionner un dossier" image={LandingImage}>
<div className={classes["root"]}> <div className={classes["root"]}>
<div className={classes["background-container"]}>
<Image src={BackgroundImage} alt="background" />
</div>
<div className={classes["select-folder-container"]}> <div className={classes["select-folder-container"]}>
<div className={classes["title"]}> <div className={classes["title"]}>
<Typography typo={ITypo.H1}>Vos dossiers</Typography> <Typography typo={ITypo.H1}>Vos dossiers</Typography>
@ -56,6 +53,6 @@ export default function SelectFolder() {
</div> </div>
</div> </div>
</div> </div>
</DefaultTemplate> </DefaultDoubleSidePage>
); );
} }