Clément VERDOIRE 3 years ago
commit 6955a5ca7d

@ -1,41 +1,45 @@
import React from 'react'; import React from 'react';
import NavigationAdmin from '../components/NavigationAdmin.js'; import NavigationAdmin from '../components/NavigationAdmin.js';
import Admin from './Admin.js';
const Admin_modif = () => { const Admin_modif = () => {
return ( return (
<div className="page_admin"> <div className="page_admin">
{/* Create a page to delete an user in the admin page*/} <NavigationAdmin />
<NavigationAdmin/> {/* Create a admin page */}
<div className="Formulaire"> <div className="Titre_Formulaire">
<p className="Titre">Admin</p> <p className="Titre">Admin</p>
<form className="form"> <div className="Formulaire">
<table className="Formulaire_de_connexion"> <form className="form">
<tr> <table className="Formulaire_de_connexion">
<p className="texte">Nom :</p> <tr>
<input id="nom" className="texte_zone" type="text"/> <div className="texte_côté">
</tr> <p>Nom :</p>
<tr> <p>Prénom :</p>
<p className="texte">Prénom :</p> <p>Rôle :</p>
<input id="prénom" className="texte_zone" type="text"/> <p>Identifiant :</p>
</tr> <p>Mot de passe :</p>
<tr> </div>
<p className="texte">Rôle dans l'entreprise :</p> </tr>
<input id="rôle" className="texte_zone" type="text"/> <tr>
</tr> <div className="button_submit">
<tr> <button className="bouton_réini">Réinitialiser le mot de passe</button>
<p className="texte">Identifiant :</p> </div>
<input id="identifiant" className="texte_zone" type="text"/> </tr>
</tr> <tr>
<tr> <input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
<p className="texte">Mot de passe (par défaut) :</p> <input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
<input id="password" className="texte_zone" type="text"/> <input id="rôle" className="texte_zone" type="text" placeholder="Rôle..."/>
</tr> <input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
<tr> <input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
<button className="bouton_val_ann" type="submit">Valider</button> </tr>
<button className="bouton_val_ann" type="submit">Annuler</button> </table>
</tr> </form>
</table> </div>
</form> <tr className="bouton_submit">
<button className="bouton_val" type="submit">Valider</button>
<button className="bouton_ann" type="submit">Annuler</button>
</tr>
</div> </div>
</div> </div>
); );

@ -114,6 +114,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 10%;
/*background: rgba(255, 255, 255, 0.3); /*background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
@ -125,23 +126,27 @@
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
height: 100%; 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 { input {
display: flex; display: flex;
flex-direction: column; 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; margin: 10px;
} }
.button_submit {
display: flex;
margin-top: 150%;
margin-bottom: 2%;
padding-left: 10px;
.bouton_réini{
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);
}
}
} }
.texte { .texte {
@ -165,7 +170,7 @@
.bouton_submit { .bouton_submit {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-around;
align-self: center; align-self: center;
width: 600px; width: 600px;
height: 30px; height: 30px;

Loading…
Cancel
Save