Ajout de sous-titres page admin

src/pages/Admin.js

@@ -30,6 +30,7 @@ function Admin() {
             {/* Create a admin page */}
             <div className="Titre_Formulaire">
                 <p className="Titre">Admin</p>
+                <p className="Sous-titre">Création d'utilisateur</p>
                 <div className="Formulaire">
                     <form className="form" onSubmit={checkAdd}>
                         <table className="Formulaire_de_connexion">

src/pages/Admin_modif.js

@@ -9,6 +9,7 @@ const Admin_modif = () => {
             {/* Create a admin page */}
             <div className="Titre_Formulaire">
                 <p className="Titre">Admin</p>
+                <p className="Sous-titre">Modification d'utilisateur</p>
                 <div className="Formulaire">
                     <form className="form">
                         <table className="Formulaire_de_connexion">

src/pages/Admin_supp.js

@@ -9,6 +9,7 @@ const Admin_supp = () => {
             <NavigationAdmin />
             <div className="Titre_Formulaire_Rech">
                 <p className="Titre">Admin</p>
+                <p className="Sous-titre">Supression d'utilisateur</p>
                 <div className="rechLogo">
                     <div className="input_box">
                     <input type="search" placeholder="Rechercher..."/>

src/styles/components/_admin.scss

@@ -95,6 +95,18 @@
             font-size: 70px;
             font-weight: bold;
         }
+
+        .Sous-titre {
+            display: flex;
+            /*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;
+            font-size: 40px;
+            font-weight: bold;
+        }
         
 
         .Formulaire{
@@ -231,37 +243,51 @@
         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;
 
         .Titre {
             display: flex;
-            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);
-            //margin: 10px;
+            -webkit-backdrop-filter: blur(15px);*/
+            margin: 10px;
             font-size: 70px;
             font-weight: bold;
         }
 
+        .Sous-titre {
+            display: flex;
+            /*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;
+            font-size: 40px;
+            font-weight: bold;
+        }
+
         .rechLogo {
             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;
             align-items: center;
+            margin-top: 5%;
 
             .input_box {
                 display: flex;