sécurité
@@ -32,12 +32,13 @@ const Parametre = () => {
Signaler un problème
-
+
-
-
+
Mot de passe
+
+
diff --git a/src/styles/components/_compte.scss b/src/styles/components/_compte.scss
index 0ba15bb..1dee73e 100644
--- a/src/styles/components/_compte.scss
+++ b/src/styles/components/_compte.scss
@@ -194,7 +194,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;
@@ -231,8 +230,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;
@@ -241,7 +240,7 @@ body {
&:hover{
background-color: lightgrey;
- }
+ }
}
}
}
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index 1ad82c6..7e47492 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -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,27 +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;
+ padding: 9px;
+ height: 25%;
+ border-bottom: 1px solid black;
.bouton_submit {
display: flex;
-
- .bouton_modifierNom {
- width: 100px;
- height: 25px;
+ margin-left: 30px;
+ align-items: center;
+ cursor: pointer;
+
+ .bouton_signalerPB {
+ width: 75px;
+ height: 20px;
background-color: rgb(190, 189, 189);
border-radius: 5px;
border-radius: 5px;
@@ -185,16 +188,20 @@ body {
.one_bas {
display: flex;
- width: auto;
- height: 17.5%;
- background-color: red;
+ flex-direction: row;
+ justify-content: space-between;
+ 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;