refacto left slider

This commit is contained in:
Vins 2024-02-13 14:47:04 +01:00
parent e3710a236e
commit c4da62a394
6 changed files with 27 additions and 9 deletions

View File

@ -15,7 +15,7 @@
} }
.folderlist-container { .folderlist-container {
max-height: calc(100vh - 290px); max-height: calc(100vh - 215px);
height: 100%; height: 100%;
border-right: 1px solid var(--grey-medium); border-right: 1px solid var(--grey-medium);
overflow: auto; overflow: auto;

View File

@ -6,6 +6,8 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
position: relative;
.header { .header {
flex: 1; flex: 1;
} }
@ -15,9 +17,16 @@
} }
.folderlist-container { .folderlist-container {
max-height: calc(100vh - 290px); max-height: calc(100vh - 215px);
height: calc(100vh - 290px); height: calc(100vh - 215px);
overflow: auto; overflow: auto;
border-right: 1px solid var(--grey-medium); border-right: 1px solid var(--grey-medium);
} }
.create-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
} }

View File

@ -59,7 +59,7 @@ export default function DeedListContainer(props: IProps) {
/> />
</div> </div>
</div> </div>
<div> <div className={classes["create-container"]}>
<Link href={Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path}> <Link href={Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path}>
<Button fullwidth={true}>Créer un type d'acte</Button> <Button fullwidth={true}>Créer un type d'acte</Button>
</Link> </Link>

View File

@ -15,8 +15,8 @@
} }
.folderlist-container { .folderlist-container {
max-height: calc(100vh - 290px); max-height: calc(100vh - 215px);
height: calc(100vh - 290px); height: calc(100vh - 215px);
overflow: auto; overflow: auto;
border-right: 1px solid var(--grey-medium); border-right: 1px solid var(--grey-medium);
} }

View File

@ -6,6 +6,8 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
position: relative;
.header { .header {
flex: 1; flex: 1;
} }
@ -15,9 +17,16 @@
} }
.folderlist-container { .folderlist-container {
max-height: calc(100vh - 290px); max-height: calc(100vh - 215px);
height: calc(100vh - 290px); height: calc(100vh - 215px);
overflow: auto; overflow: auto;
border-right: 1px solid var(--grey-medium); border-right: 1px solid var(--grey-medium);
} }
.create-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
} }

View File

@ -64,7 +64,7 @@ export default function RoleListContainer(props: IProps) {
/> />
</div> </div>
</div> </div>
<div> <div className={classes["create-container"]}>
<Link href={Module.getInstance().get().modules.pages.Roles.pages.Create.props.path}> <Link href={Module.getInstance().get().modules.pages.Roles.pages.Create.props.path}>
<Button fullwidth={true}>Créer un rôle</Button> <Button fullwidth={true}>Créer un rôle</Button>
</Link> </Link>