From e7fe063334765e298ea463344c48bd81440b058a Mon Sep 17 00:00:00 2001
From: Theo DUPIN <Theo.DUPIN@etu.uca.fr>
Date: Fri, 4 Nov 2022 17:14:07 +0100
Subject: [PATCH] Ajout de sous-titres page admin

---
 src/pages/Admin.js                |  1 +
 src/pages/Admin_modif.js          |  1 +
 src/pages/Admin_supp.js           |  1 +
 src/styles/components/_admin.scss | 40 +++++++++++++++++++++++++------
 4 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/src/pages/Admin.js b/src/pages/Admin.js
index e2a7605..d5bb895 100644
--- a/src/pages/Admin.js
+++ b/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">
diff --git a/src/pages/Admin_modif.js b/src/pages/Admin_modif.js
index 86041b9..a636e26 100644
--- a/src/pages/Admin_modif.js
+++ b/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">
diff --git a/src/pages/Admin_supp.js b/src/pages/Admin_supp.js
index 78f418a..072cdcd 100644
--- a/src/pages/Admin_supp.js
+++ b/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..."/>
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index 08d6be8..1d4128e 100644
--- a/src/styles/components/_admin.scss
+++ b/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;