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

handle information section

Browse Source
This commit is contained in:
Max S 2024-07-23 11:34:34 +02:00
parent 462a8c67c2
commit a8b42c0122
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/front/Components/Layouts/Folder/FolderInformation/InformationSection/classes.module.scss
View File

@ -5,7 +5,7 @@
gap: var(--spacing-lg, 40px); gap: var(--spacing-lg, 40px);
.info-box1 { .info-box1 {
display: flex; display: flex;
width: 648px; width: 100%;
flex-direction: column; flex-direction: column;
gap: var(--spacing-sm, 8px); gap: var(--spacing-sm, 8px);
@ -19,7 +19,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--spacing-lg, 24px); gap: var(--spacing-lg, 24px);
width: 100%;
max-width: 400px;
.progress-container { .progress-container {
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -29,6 +33,13 @@
gap: var(--spacing-md, 8px); gap: var(--spacing-md, 8px);
} }
} }
.description-container {
.text {
max-height: 60px;
overflow-y: auto;
}
}
} }
.separator { .separator {

6
src/front/Components/Layouts/Folder/FolderInformation/InformationSection/index.tsx
View File

@ -76,11 +76,13 @@ export default function InformationSection(props: IProps) {
)} )}
</div> </div>
</div> </div>
<div> <div className={classes["description-container"]}>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_NEUTRAL_700}>
Note du dossier Note du dossier
</Typography> </Typography>
<Typography typo={ETypo.TEXT_LG_REGULAR}>{folder?.description}</Typography> <Typography typo={ETypo.TEXT_LG_REGULAR} className={classes["text"]}>
{folder?.description}
</Typography>
</div> </div>
</div> </div>
</section> </section>