From c047c704a1246de09e63526d5cdcc752ab2b1bb4 Mon Sep 17 00:00:00 2001
From: clverdoire <Clement.verdoire@etu.uca.fr>
Date: Tue, 29 Nov 2022 17:03:32 +0100
Subject: [PATCH] Ajout bonton connexion sur page admin

---
 src/components/NavigationAdmin.js |  5 +++
 src/styles/components/_admin.scss | 60 ++++++++++++++++++-------------
 2 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/src/components/NavigationAdmin.js b/src/components/NavigationAdmin.js
index 19db335..86c82cc 100644
--- a/src/components/NavigationAdmin.js
+++ b/src/components/NavigationAdmin.js
@@ -23,6 +23,11 @@ const NavigationAdmin = (props) => {
                     <button id="bouton_devis" className="bouton" type="button" value="Devis">Devis</button>
                 </NavLink>
             </div>
+            <div className="BoutonDeco">
+                <NavLink className="déconnexion" to="/">
+                    <button id="bouton_deco" className="bouton" type="button" value="Déco">Déconnexion</button>
+                </NavLink>
+            </div>
         </div>
     );
 };
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index b396002..1378a24 100644
--- a/src/styles/components/_admin.scss
+++ b/src/styles/components/_admin.scss
@@ -28,6 +28,7 @@ body {
                 flex-direction: column;
                 justify-content: space-around;
                 align-items: center;
+                height: 20%;
 
                 .logo {
                     max-width: 150px;
@@ -39,8 +40,7 @@ body {
                 display: flex;
                 flex-direction: column;
                 justify-content: space-evenly;
-                height: 450px;
-                margin-bottom: 180px;
+                height: 50%;
 
                 .create_user {
                     display: flex;
@@ -69,35 +69,45 @@ body {
                     text-decoration: none;
                     align-self: center;
                 }
-    
-                .bouton {
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    width: 150px;
-                    height: 60px;
-                    font-size: 17px;
-                    font-weight: bold;
-                    transition: 1s box-shadow;
-                    border: none;
-                    cursor: pointer;
-                    color: white;
-                    background-color: grey;
-                    border-radius: 15px;
+            }
 
-                    &:hover {
-                        color: white;
-                        background-color: rgba(114, 114, 114, 0.371);
-                    }
+            .BoutonDeco {
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                height: 15%;
 
-                    &:active {
-                        background-color: rgba(68, 68, 68, 0.972);
-                    }
+                .déconnexion {
+                    text-decoration: none;
                 }
             }
-        }
 
+            .bouton {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 150px;
+                height: 60px;
+                font-size: 17px;
+                font-weight: bold;
+                transition: 1s box-shadow;
+                border: none;
+                cursor: pointer;
+                color: white;
+                background-color: grey;
+                border-radius: 15px;
+
+                &:hover {
+                    color: white;
+                    background-color: rgba(114, 114, 114, 0.371);
+                }
 
+                &:active {
+                    background-color: rgba(68, 68, 68, 0.972);
+                }
+            }
+        }
 
         .Titre_Formulaire{
             display: flex;