diff --git a/src/pages/Compte.js b/src/pages/Compte.js index 54d85fd..12fc9cd 100644 --- a/src/pages/Compte.js +++ b/src/pages/Compte.js @@ -39,7 +39,7 @@ const Compte = () => {

Mateo Centeno

- +
diff --git a/src/pages/Parametres.js b/src/pages/Parametres.js index ef20b41..3f10057 100644 --- a/src/pages/Parametres.js +++ b/src/pages/Parametres.js @@ -24,7 +24,7 @@ const Parametre = () => {
-
+
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;