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>
</div>
<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>

6
src/pages/Parametres.js
Unescape View File

@ -24,7 +24,7 @@ const Parametre = () => {
</div>
<div className="bas_de_page">
<NavigationDashboard />
<div className="Compte">
<div className="Parametre">
<div className="one">
<div className="one_haut">
sécurité
@ -32,13 +32,13 @@ const Parametre = () => {
<div className="one_milieu">
<p className="text_one_milieu">Signaler un problème</p>
<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 className="one_bas">
<p className="text_one_milieu">Mot de passe</p>
<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>

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

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

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

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

Write Preview
Loading…
Cancel
Save