PeL/force-orange-2022
1
1
Fork 0
mirror of https://github.com/Paris-est-Ludique/intranet.git synced 2025-09-11 05:46:28 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix registration form, add pelMember support

Browse Source
This commit is contained in:
pikiou
2022-04-09 03:25:13 +02:00
parent 1936cd34a3
commit dc4fdda658
5 changed files with 177 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/RegisterForm/styles.module.scss
View File

@@ -120,6 +120,39 @@
}
}
.imgTransitionReset {
left: calc(90vw);
transition: none;
@include desktop {
left: 552px;
}
}
.imgTransitionAbouToShow {
left: calc(90vw);
transition: left ease-in-out 1000ms;
@include desktop {
left: 552px;
}
}
.imgTransitionShow {
left: 0;
transition: left ease-in-out 1000ms;
}
.imgTransitionDoHide {
left: calc(-90vw);
transition: left ease-in-out 1000ms;
@include desktop {
left: -552px;
}
}
.imgTransitionHidden {
left: calc(-90vw);
transition: none;
@include desktop {
left: -552px;
}
}
.pelImg1 {
background: url("../../app/img/pel2016.jpg") no-repeat center center;
}
@@ -128,14 +161,21 @@
}
.pelImg1,
.pelImg2 {
position: relative;
position: absolute;
width: calc(90vw);
height: calc(60vw);
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover;
transition: background 2000ms ease-in-out 3000ms;
@include desktop {
width: 552px;
height: 368px;
}
}
.pelImg {
position: relative;
width: calc(90vw);
height: calc(60vw);
overflow: hidden;
@include desktop {
width: 552px;
@@ -149,9 +189,6 @@
height: calc(40vw);
background: url("../../app/img/bene2019.jpg") no-repeat center center;
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover;
@include desktop {
width: 552px;
@@ -165,12 +202,22 @@
height: calc(168vw);
background: url("../../app/img/plan2019.jpg") no-repeat center center;
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover;
@include desktop {
width: 552px;
height: 1028px;
}
}
.barnumsImg {
position: relative;
width: calc(90vw);
height: calc(18vw);
background: url("../../app/img/barnums.jpg") no-repeat center center;
background-size: cover;
@include desktop {
width: 552px;
height: 112px;
}
}