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

changement bouton page parametre

Browse Source
master
Clément VERDOIRE 3 years ago
parent 4fd1c747ea
commit 43f441013d
4 changed files with 47 additions and 43 deletions
Show Stats Download Patch File Download Diff File

4
src/pages/Parametres.js
Unescape View File

@ -32,7 +32,7 @@ const Parametre = () => {
<div className="Parametre"> <div className="Parametre">
<div className="one"> <div className="one">
<div className="one_haut"> <div className="one_haut">
sécurité <p className="text_one_haut">Sécurité</p>
</div> </div>
<div className="one_milieu"> <div className="one_milieu">
<p className="text_one_milieu">Signaler un problème</p> <p className="text_one_milieu">Signaler un problème</p>
@ -49,7 +49,7 @@ const Parametre = () => {
</div> </div>
<div className="two"> <div className="two">
<div className="two_haut"> <div className="two_haut">
Général <p className="text_two_haut">Général</p>
</div> </div>
<div className="two_bas"> <div className="two_bas">
<p className="text_two_bas">Mode sombre</p> <p className="text_two_bas">Mode sombre</p>

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

@ -1,5 +1,3 @@
body { body {
.page_calendrier { .page_calendrier {
@ -48,7 +46,7 @@ body {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: auto; width: auto;
height: 86%; height: 84%;
.nav_bar_verticale { .nav_bar_verticale {
display: flex; display: flex;

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

@ -8,7 +8,7 @@ body {
justify-content: space-evenly; justify-content: space-evenly;
width: auto; width: auto;
height: 100vh; height: 100vh;
.haut_de_page { .haut_de_page {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -18,7 +18,7 @@ body {
height: 10%; height: 10%;
align-items: center; align-items: center;
margin: 10px 10px 5px 10px; margin: 10px 10px 5px 10px;
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
@ -28,7 +28,7 @@ body {
.titre { .titre {
font-size: 40px; font-size: 40px;
} }
.rechLogo { .rechLogo {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -40,16 +40,16 @@ body {
width: 100px; width: 100px;
height: 100px; height: 100px;
} }
} }
} }
.bas_de_page { .bas_de_page {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: auto; width: auto;
height: 86%; height: 86%;
.nav_bar_verticale { .nav_bar_verticale {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -108,7 +108,7 @@ body {
border: none; border: none;
cursor: pointer; cursor: pointer;
.logo_nav_bar{ .logo_nav_bar {
display: flex; display: flex;
margin: 10px; margin: 10px;
height: 50px; height: 50px;
@ -116,7 +116,7 @@ body {
} }
} }
} }
.Parametre { .Parametre {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -145,6 +145,11 @@ body {
justify-content: space-between; justify-content: space-between;
height: 50%; height: 50%;
border-bottom: 1px solid black; border-bottom: 1px solid black;
.text_one_haut {
font-size: 20px;
font-weight: 700;
}
} }
.one_milieu { .one_milieu {
@ -161,21 +166,19 @@ body {
.bouton_submit { .bouton_submit {
display: flex; display: flex;
margin-left: 30px;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.bouton_signalerPB { .bouton_signalerPB {
width: 75px; width: 110px;
height: 20px; height: 25px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 20px;
border-radius: 5px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
background-color: lightgrey; background-color: lightgrey;
} }
} }
} }
@ -194,22 +197,20 @@ body {
.bouton_submit { .bouton_submit {
display: flex; display: flex;
margin-left: 30px;
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
.bouton_modifierMDP { .bouton_modifierMDP {
width: 75px; width: 110px;
height: 20px; height: 25px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 20px;
border-radius: 5px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
background-color: lightgrey; background-color: lightgrey;
} }
} }
} }
@ -233,8 +234,12 @@ body {
.two_haut { .two_haut {
display: flex; display: flex;
height: 75%; height: 75%;
border-bottom: 1px solid black; border-bottom: 1px solid black;
.text_two_haut {
font-size: 20px;
font-weight: 700;
}
} }
.two_bas { .two_bas {
@ -246,8 +251,8 @@ body {
.center { .center {
position: absolute; position: absolute;
top: 84%; top: 84%;
right: 0.5%; right: 2%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
input[type="checkbox"] { input[type="checkbox"] {
position: relative; position: relative;
@ -257,7 +262,7 @@ body {
background-color: #e2e2e2; background-color: #e2e2e2;
outline: none; outline: none;
border-radius: 20px; border-radius: 20px;
box-shadow: inset 0 0 5px rgba(0,0,0,.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
transition: .5s; transition: .5s;
cursor: pointer; cursor: pointer;
} }
@ -276,7 +281,7 @@ body {
left: 10%; left: 10%;
background-color: white; background-color: white;
transform: scale(1.1); transform: scale(1.1);
box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
transition: .5s; transition: .5s;
} }
@ -302,6 +307,8 @@ body {
.text_three_haut { .text_three_haut {
display: flex; display: flex;
font-size: 20px;
font-weight: 700;
margin: 10px; margin: 10px;
} }
@ -312,7 +319,7 @@ body {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
padding: 10px; padding: 10px;
border-top: 1px solid black; border-top: 1px solid black;
.text_three { .text_three {
@ -320,16 +327,15 @@ body {
} }
.bouton { .bouton {
width: 100px; width: 110px;
height: 20px; height: 25px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 20px;
border-radius: 5px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
background-color: lightgrey; background-color: lightgrey;
} }
} }
} }
@ -337,4 +343,4 @@ body {
} }
} }
} }
} }

2
src/styles/components/_repertoire.scss
Unescape View File

@ -88,7 +88,7 @@ body {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: auto; width: auto;
height: 86%; height: 84%;
.nav_bar_verticale { .nav_bar_verticale {
display: flex; display: flex;

Write Preview
Loading…
Cancel
Save