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

Création 1ere partie de la page parametre

Browse Source
master
Clément VERDOIRE 3 years ago
parent e0ba221d0a
commit f1338d3dee
4 changed files with 31 additions and 36 deletions
Show Stats Download Patch File Download Diff File

2
src/pages/Compte.js
Unescape View File

@ -38,7 +38,7 @@ const Compte = () => {
<p className="nom">Mateo Centeno</p> <p className="nom">Mateo Centeno</p>
</div> </div>
<div className='bouton_submit'> <div className='bouton_submit'>
<button className="bouton_modifierNom" type="submit">Modifier le nom</button> <button className="bouton_modifierNom" type="submit">Modifier</button>
</div> </div>
</div> </div>
</div> </div>

6
src/pages/Parametres.js
Unescape View File

@ -24,7 +24,7 @@ const Parametre = () => {
</div> </div>
<div className="bas_de_page"> <div className="bas_de_page">
<NavigationDashboard /> <NavigationDashboard />
<div className="Compte"> <div className="Parametre">
<div className="one"> <div className="one">
<div className="one_haut"> <div className="one_haut">
sécurité sécurité
@ -32,13 +32,13 @@ const Parametre = () => {
<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>
<div className='bouton_submit'> <div className='bouton_submit'>
<button className="bouton_modifierMDP" type="submit">Modifier le nom</button> <button className="bouton_signalerPB" type="submit">Signaler</button>
</div> </div>
</div> </div>
<div className="one_bas"> <div className="one_bas">
<p className="text_one_milieu">Mot de passe</p> <p className="text_one_milieu">Mot de passe</p>
<div className='bouton_submit'> <div className='bouton_submit'>
<button className="bouton_modifierMDP" type="submit">Modifier le nom</button> <button className="bouton_modifierMDP" type="submit">Modifier</button>
</div> </div>
</div> </div>
</div> </div>

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

@ -179,7 +179,6 @@ body {
width: 150px; width: 150px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border: 1px solid black;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
cursor: pointer; cursor: pointer;
@ -216,8 +215,8 @@ body {
display: flex; display: flex;
.bouton_modifierNom { .bouton_modifierNom {
width: 100px; width: 75px;
height: 25px; height: 20px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border-radius: 5px; border-radius: 5px;
@ -226,7 +225,7 @@ body {
&:hover{ &:hover{
background-color: lightgrey; background-color: lightgrey;
} }
} }
} }
} }

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

@ -126,7 +126,7 @@ body {
} }
.Compte { .Parametre {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -137,9 +137,10 @@ body {
.one { .one {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-evenly;
width: auto; width: auto;
height: 28.5%; height: 28.5%;
padding: 10px;
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
@ -149,36 +150,29 @@ body {
.one_haut { .one_haut {
display: flex; display: flex;
width: auto; flex-direction: row;
justify-content: space-between;
height: 50%; height: 50%;
margin: 0 25px; border-bottom: 1px solid black;
border-bottom: 1px solid grey;
} }
.one_milieu { .one_milieu {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: auto; padding: 9px;
height: 17.5%; height: 25%;
margin: 0 25px; border-bottom: 1px solid black;
border-bottom: 1px solid grey;
.text_one_milieu {
margin-top: auto;
margin-bottom: auto;
padding: 0 0 15px 0;
}
.bouton_submit { .bouton_submit {
display: flex; display: flex;
padding: 0 0 15px 0; margin-left: 30px;
align-items: center;
cursor: pointer;
.bouton_signalerPB {
.bouton_modifierNom { width: 75px;
width: 100px; height: 20px;
height: 25px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border-radius: 5px; border-radius: 5px;
@ -196,16 +190,18 @@ body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
width: auto; padding: 9px;
margin: 0 25px; height: 25%;
height: 17.5%;
.bouton_submit { .bouton_submit {
display: flex; display: flex;
margin-left: 30px;
.bouton_modifierNom { align-items: center;
width: 100px; cursor: pointer;
height: 25px;
.bouton_modifierMDP {
width: 75px;
height: 20px;
background-color: rgb(190, 189, 189); background-color: rgb(190, 189, 189);
border-radius: 5px; border-radius: 5px;
border-radius: 5px; border-radius: 5px;

Write Preview
Loading…
Cancel
Save