maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

navigation FINI

Browse Source
master
Clément VERDOIRE 3 years ago
parent bd9f2ed464
commit 802d3350ee
7 changed files with 74 additions and 35 deletions
Show Stats Download Patch File Download Diff File

4
src/components/NavigationDashboard.js
Unescape View File

@ -58,18 +58,14 @@ const NavigationDashboard = () => {
</button>
</NavLink>
<NavLink className="analyse" to="/Analyse">
<div className="parti_two">
<button className="button" type="submit">
<ImageToggleOnMouseOver primaryImg={img3} secondaryImg={img31} alt="" />
</button>
</div>
</NavLink>
<NavLink className="calendrier" to="/Calendrier">
<div className="parti_two">
<button className="button" type="submit">
<ImageToggleOnMouseOver primaryImg={img4} secondaryImg={img41} alt="" />
</button>
</div>
</NavLink>
</div>
<div className="parti_three">

11
src/styles/components/_analyse.scss
Unescape View File

@ -110,16 +110,16 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {

11
src/styles/components/_calendrier.scss
Unescape View File

@ -110,16 +110,16 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {

11
src/styles/components/_compte.scss
Unescape View File

@ -110,16 +110,16 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {

11
src/styles/components/_dashboard.scss
Unescape View File

@ -110,16 +110,16 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {

48
src/styles/components/_parametre.scss
Unescape View File

@ -112,16 +112,16 @@
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -129,8 +129,9 @@
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -139,7 +140,7 @@
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {
@ -443,6 +444,43 @@
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.parti_one {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 100%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 35%;
}
.parti_three {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 18%;
}
.parti_four {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 100%;
height: 18%;
}
.button {
display: flex;
object-fit: cover;

13
src/styles/components/repertoire.scss → src/styles/components/_repertoire.scss
Unescape View File

@ -93,7 +93,7 @@ body {
.nav_bar_verticale {
display: flex;
flex-direction: column;
justify-content: space-around;
justify-content: space-evenly;
align-items: center;
width: 5%;
margin: 5px 5px 10px 10px;
@ -110,16 +110,16 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.parti_two {
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
align-items: center;
width: 100%;
height: 30%;
height: 35%;
}
.parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row;
justify-content: space-around;
align-items: center;
margin-top: 15px;
width: 100%;
height: 20%;
height: 18%;
}
.parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around;
align-items: center;
width: 100%;
height: 20%;
height: 18%;
}
.button {
Write Preview
Loading…
Cancel
Save