diff --git a/src/pages/Parametres.js b/src/pages/Parametres.js index 55af805..ef20b41 100644 --- a/src/pages/Parametres.js +++ b/src/pages/Parametres.js @@ -27,13 +27,18 @@ const Parametre = () => {
- + sécurité
- +

Signaler un problème

+
+ +
- +
+ +
diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss index d81a95c..cf1da74 100644 --- a/src/styles/components/_calendrier.scss +++ b/src/styles/components/_calendrier.scss @@ -125,41 +125,42 @@ body { } } - .Calendrier { - display: flex; - flex-direction: row; - background: rgba(255, 255, 255, 0.3); - border-radius: 15px; - box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); - backdrop-filter: blur(3px); - -webkit-backdrop-filter: blur(15px); - width: 100%; - margin: 5px 10px 10px 5px; - text-align: center; - - .mini_formulaire_evenement { + .Calendrier { display: flex; flex-direction: row; - margin-top: 10px; - height: 100px; + background: rgba(255, 255, 255, 0.3); + border-radius: 15px; + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); + backdrop-filter: blur(3px); + -webkit-backdrop-filter: blur(15px); + width: 100%; + margin: 5px 10px 10px 5px; + text-align: center; - .bouton_ajout { - width: 300px; - height: 50px; - border-radius: 10px; - border: 0.5px solid; - border: 0; - background-color: rgba(163, 163, 163, 0.371); - border: 1px solid rgba(255,255,255,0.1); - backdrop-filter: blur(30px); - color: rgb(255, 255, 255); - cursor: pointer; - font-size: 15px; - &:hover{ - background-color: rgba(114, 114, 114, 0.371); - } - &:active{ - background-color:rgba(68, 68, 68, 0.972); + .mini_formulaire_evenement { + display: flex; + flex-direction: column; + margin-top: 10px; + height: 100px; + + .bouton_ajout { + width: 300px; + height: 50px; + border-radius: 10px; + border: 0.5px solid; + border: 0; + background-color: rgba(163, 163, 163, 0.371); + border: 1px solid rgba(255,255,255,0.1); + backdrop-filter: blur(30px); + color: rgb(255, 255, 255); + cursor: pointer; + font-size: 15px; + &:hover{ + background-color: rgba(114, 114, 114, 0.371); + } + &:active{ + background-color:rgba(68, 68, 68, 0.972); + } } } } diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss index 84c2ca8..0652dcb 100644 --- a/src/styles/components/_parametre.scss +++ b/src/styles/components/_parametre.scss @@ -136,6 +136,8 @@ body { .one { display: flex; + flex-direction: column; + justify-content: space-between; width: auto; height: 28.5%; @@ -144,6 +146,65 @@ body { box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(15px); + + .one_haut { + display: flex; + width: auto; + height: 50%; + margin: 0 25px; + border-bottom: 1px solid grey; + } + + .one_milieu { + display: flex; + width: auto; + height: 17.5%; + margin: 0 25px; + border-bottom: 1px solid grey; + + .bouton_submit { + display: flex; + + .bouton_modifierNom { + width: 100px; + height: 25px; + background-color: rgb(190, 189, 189); + border-radius: 5px; + border-radius: 5px; + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); + cursor: pointer; + + &:hover{ + background-color: lightgrey; + } + } + } + } + + .one_bas { + display: flex; + width: auto; + height: 17.5%; + background-color: red; + + .bouton_submit { + display: flex; + + .bouton_modifierNom { + width: 100px; + height: 25px; + background-color: rgb(190, 189, 189); + border-radius: 5px; + border-radius: 5px; + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); + cursor: pointer; + + &:hover{ + background-color: lightgrey; + } + } + } + } } .two { @@ -156,6 +217,7 @@ body { box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(15px); + } .three {