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

Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

Browse Source
master
Clément VERDOIRE 3 years ago
parent 146f14f33b 6433913af2
commit 5c8344cba6
2 changed files with 59 additions and 31 deletions
Show Stats Download Patch File Download Diff File

30
src/pages/Admin.js
Unescape View File

@ -13,34 +13,28 @@ const Admin = () => {
<form className="form">
<table className="Formulaire_de_connexion">
<tr>
<p className="texte">Nom :</p>
<input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<div className="texte_côté">
<p>Nom :</p>
<p>Prénom :</p>
<p>Rôle :</p>
<p>Identifiant :</p>
<p>Mot de passe :</p>
</div>
</tr>
<tr>
<p className="texte">Prénom :</p>
<input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
</tr>
<tr>
<p className="texte">Rôle dans l'entreprise :</p>
<input id="rôle" className="texte_zone" type="text" placeholder="Rôle..."/>
</tr>
<tr>
<p className="texte">Identifiant :</p>
<input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
</tr>
<tr>
<p className="texte">Mot de passe (par défaut) :</p>
<input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
</tr>
<tr>
<div className='bouton_submit'>
<button className="bouton_val" type="submit">Valider</button>
<button className="bouton_ann" type="submit">Annuler</button>
</div>
</tr>
</table>
</form>
</div>
<tr className="bouton_submit">
<button className="bouton_val" type="submit">Valider</button>
<button className="bouton_ann" type="submit">Annuler</button>
</tr>
</div>
</div>
);

60
src/styles/components/_admin.scss
Unescape View File

@ -76,11 +76,11 @@
display: flex;
flex-direction: column;
flex-basis: 100%;
/*background: rgba(255, 255, 255, 0.3);
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);*/
-webkit-backdrop-filter: blur(15px);
margin: 10px;
padding: 10px;
@ -110,10 +110,43 @@
margin-right: 10px;
}
.Formulaire_de_connexion {
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);*/
.texte_côté {
display:flex;
flex-direction: column;
justify-content: space-around;
height: 100%;
/*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);*/
}
input {
display: flex;
flex-direction: column;
/*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);*/
margin: 10px;
}
}
.texte {
align-self: center;
font-weight: bold;
font-size: 30px;
font-size: 15px;
padding: 10px 10px 10px 0;
}
@ -123,21 +156,23 @@
background-color: transparent;
border-radius: 5px;
border: 0.5px solid;
justify-content: center;
padding: 0 10px 0 15px;
//padding-left: 10px;
//padding-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.bouton_submit {
display: flex;
flex-direction: row;
justify-content: space-between;
align-self: center;
width: 600px;
height: 30px;
margin: 5px 5px 5px 0;
margin-top: 5%;
.bouton_val{
display: flex;
//display: flex;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
@ -161,7 +196,7 @@
}
.bouton_ann{
display: flex;
//display: flex;
background-color: grey;
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(30px);
@ -196,7 +231,6 @@
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);*/
margin: 10px;
padding: 10px;
.Titre {
display: flex;
@ -205,7 +239,7 @@
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
margin: 10px;
//margin: 10px;
font-size: 70px;
font-weight: bold;
}
@ -219,8 +253,8 @@
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
margin: 10px;
padding: 10px;
//margin: 10px;
//padding: 10px;
align-items: center;
.input_box {

Write Preview
Loading…
Cancel
Save