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> </button>
</NavLink> </NavLink>
<NavLink className="analyse" to="/Analyse"> <NavLink className="analyse" to="/Analyse">
<div className="parti_two">
<button className="button" type="submit"> <button className="button" type="submit">
<ImageToggleOnMouseOver primaryImg={img3} secondaryImg={img31} alt="" /> <ImageToggleOnMouseOver primaryImg={img3} secondaryImg={img31} alt="" />
</button> </button>
</div>
</NavLink> </NavLink>
<NavLink className="calendrier" to="/Calendrier"> <NavLink className="calendrier" to="/Calendrier">
<div className="parti_two">
<button className="button" type="submit"> <button className="button" type="submit">
<ImageToggleOnMouseOver primaryImg={img4} secondaryImg={img41} alt="" /> <ImageToggleOnMouseOver primaryImg={img4} secondaryImg={img41} alt="" />
</button> </button>
</div>
</NavLink> </NavLink>
</div> </div>
<div className="parti_three"> <div className="parti_three">

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

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

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

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

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

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

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

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

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

@ -112,16 +112,16 @@
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.parti_two { .parti_two {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 30%; height: 35%;
} }
.parti_three { .parti_three {
@ -129,8 +129,9 @@
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
margin-top: 15px;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.parti_four { .parti_four {
@ -139,7 +140,7 @@
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.button { .button {
@ -443,6 +444,43 @@
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -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 { .button {
display: flex; display: flex;
object-fit: cover; 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 { .nav_bar_verticale {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-evenly;
align-items: center; align-items: center;
width: 5%; width: 5%;
margin: 5px 5px 10px 10px; margin: 5px 5px 10px 10px;
@ -110,16 +110,16 @@ body {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.parti_two { .parti_two {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 30%; height: 35%;
} }
.parti_three { .parti_three {
@ -127,8 +127,9 @@ body {
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
margin-top: 15px;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.parti_four { .parti_four {
@ -137,7 +138,7 @@ body {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 20%; height: 18%;
} }
.button { .button {
Write Preview
Loading…
Cancel
Save