diff --git a/src/components/NavigationAdmin.js b/src/components/NavigationAdmin.js index 21fed59..419cf36 100644 --- a/src/components/NavigationAdmin.js +++ b/src/components/NavigationAdmin.js @@ -7,13 +7,13 @@ const NavigationAdmin = () => {
- + - + - +
diff --git a/src/pages/Admin.js b/src/pages/Admin.js index 7a0ab45..3e8fa9d 100644 --- a/src/pages/Admin.js +++ b/src/pages/Admin.js @@ -7,40 +7,41 @@ const Admin = () => {
{/* Create a admin page */} -

Admin -

-
- - -

Nom :

- - - -

Prénom :

- - - -

Rôle dans l'entreprise :

- - - -

Identifiant :

- - - -

Mot de passe (par défaut) :

- - - -
- - -
- -
-
+
+

Admin

+
+
+ + +

Nom :

+ + + +

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 ff2fe01..03e8a5c 100644 --- a/src/styles/components/_admin.scss +++ b/src/styles/components/_admin.scss @@ -1,15 +1,12 @@ .page_admin { display: flex; flex-direction: row; - flex-basis: 100%; height: 100vh; - position:fixed; .nav_bar_verticale { display: flex; flex-direction: column; width: 200px; - height: 100%; background: rgba(255, 255, 255, 0.143); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(3px); @@ -21,16 +18,19 @@ .create_user { padding: 5px; + text-decoration: none; align-self: center; } .modify_user { padding: 5px; + text-decoration: none; align-self: center; } .delete_user { padding: 5px; + text-decoration: none; align-self: center; } @@ -46,7 +46,6 @@ font-size: 13.5px; font-weight: bold; transition: 1s box-shadow; - cursor: pointer; border: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background-color: rgba(163, 163, 163, 0.371); @@ -73,36 +72,49 @@ font-size: 30px; }*/ - .Titre { + .Titre_Formulaire{ display: flex; flex-direction: column; + flex-basis: 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); margin: 10px; + padding: 10px; - .Formulaire { + .Titre { display: flex; - flex-direction: column; - align-items: center; - width: 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);*/ + margin: 10px; + font-size: 70px; + font-weight: bold; } + .Formulaire{ display: flex; flex-direction: column; - border-radius: 30px; - margin: 100px; - padding: 30px; align-items: center; + /*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-left: 10px; + margin-right: 10px; } .texte { align-self: center; font-weight: bold; - padding: 10px; + font-size: 30px; + padding: 10px 10px 10px 0; } .texte_zone { @@ -111,35 +123,64 @@ background-color: transparent; border-radius: 5px; border: 0.5px solid; - padding-left: 10px; - padding-right: 10px; + //padding-left: 10px; + //padding-right: 10px; } - .bouton_val_ann { - width: 150px; - height: 40px; - border-radius: 10px; - border: 0.5px solid; - color: $white; - border: 0; - background-color: black; - border: 1px solid rgba(255, 255, 255, 0.1); - backdrop-filter: blur(30px); - color: rgb(255, 255, 255); - cursor: pointer; - font-size: 15px; - - &:hover { - background-color: rgba(114, 114, 114, 0.371); - } + .bouton_submit { + display: flex; + flex-direction: row; + justify-content: space-between; + width: 600px; + height: 30px; + margin: 5px 5px 5px 0; - &:active { - background-color: rgba(68, 68, 68, 0.972); + .bouton_val{ + display: flex; + background-color: grey; + border: 1px solid rgba(255, 255, 255, 0.1); + backdrop-filter: blur(30px); + color: rgb(255, 255, 255); + cursor: pointer; + font-size: 15px; + border-radius: 15px; + width: 20%; + align-items: center; + justify-content: center; + + &:hover { + box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); + color: white; + background-color: rgba(114, 114, 114, 0.371); + } + + &:active { + background-color: rgba(68, 68, 68, 0.972); + } } - .bouton_submit{ + .bouton_ann{ display: flex; - flex-direction: row; + background-color: grey; + border: 1px solid rgba(255, 255, 255, 0.1); + backdrop-filter: blur(30px); + color: rgb(255, 255, 255); + cursor: pointer; + font-size: 15px; + border-radius: 15px; + width: 20%; + align-items: center; + justify-content: center; + + &:hover { + box-shadow: 0, 5px, 35px, 0 rgba(0, 0, 0, 1); + color: white; + background-color: rgba(114, 114, 114, 0.371); + } + + &:active { + background-color: rgba(68, 68, 68, 0.972); + } } } }