diff --git a/src/pages/Admin.js b/src/pages/Admin.js index fc36e33..33cc982 100644 --- a/src/pages/Admin.js +++ b/src/pages/Admin.js @@ -13,34 +13,28 @@ const Admin = () => {
-

Nom :

- +
+

Nom :

+

Prénom :

+

Rôle :

+

Identifiant :

+

Mot de passe :

+
-

Prénom :

+ - - -

Rôle dans l'entreprise :

- - -

Identifiant :

- - -

Mot de passe (par défaut) :

- -
- - -
-
+ + + + ); diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss index 6fc842b..a2a4126 100644 --- a/src/styles/components/_admin.scss +++ b/src/styles/components/_admin.scss @@ -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 {