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

Ajout sur la page parametre

Browse Source
master
Clément VERDOIRE 3 years ago
parent fb8a8f620c
commit 959c658082
3 changed files with 103 additions and 35 deletions
Show Stats Download Patch File Download Diff File

11
src/pages/Parametres.js
Unescape View File

@ -27,13 +27,18 @@ const Parametre = () => {
<div className="Compte">
<div className="one">
<div className="one_haut">
sécurité
</div>
<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>
</div>
</div>
<div className="one_bas">
<div className='bouton_submit'>
<button className="bouton_modifierMDP" type="submit">Modifier le nom</button>
</div>
</div>
</div>
<div className="two">

65
src/styles/components/_calendrier.scss
Unescape View File

@ -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);
}
}
}
}

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

@ -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 {

Write Preview
Loading…
Cancel
Save