From 04a65783724e23edbb0fa5c187e9a5ccc43b839a Mon Sep 17 00:00:00 2001
From: clverdoire <Clement.verdoire@etu.uca.fr>
Date: Tue, 15 Nov 2022 08:24:19 +0100
Subject: [PATCH] =?UTF-8?q?Changements=20pages=20param=C3=AAtre?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavigationDashboard.js |  2 +-
 src/pages/Parametres.js               | 10 +++++++++-
 src/styles/components/_parametre.scss | 15 +++++++++++++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/components/NavigationDashboard.js b/src/components/NavigationDashboard.js
index 4a0f85a..b5d78fa 100644
--- a/src/components/NavigationDashboard.js
+++ b/src/components/NavigationDashboard.js
@@ -8,7 +8,7 @@ const NavigationDashboard = () => {
             <NavLink className="mon_compte" to="/Account">
                 <div className="parti_one">
                     <button className="button" type="submit">
-                        <img id='bigImage' className="logo_nav_bar" srcSet="./logo_person.svg"/>                       
+                        <img className="logo_nav_bar" srcSet="./logo_person.svg"/>                       
                     </button>
                 </div>
             </NavLink>
diff --git a/src/pages/Parametres.js b/src/pages/Parametres.js
index 3f10057..937f8f1 100644
--- a/src/pages/Parametres.js
+++ b/src/pages/Parametres.js
@@ -43,7 +43,15 @@ const Parametre = () => {
                             </div>
                         </div>
                         <div className="two">
-                            coucou
+                            <div className="two_haut">
+                                coucou
+                            </div>
+                            <div className="two_bas">
+                                <p className="text_two_bas">Mode sombre</p>
+                                <div className="center">
+                                    <input type="checkbox" name=''/>
+                                </div>
+                            </div>
                         </div>
                         <div className="three">
                             coucou
diff --git a/src/styles/components/_parametre.scss b/src/styles/components/_parametre.scss
index 7e47492..da2cf82 100644
--- a/src/styles/components/_parametre.scss
+++ b/src/styles/components/_parametre.scss
@@ -218,8 +218,11 @@ body {
 
                 .two {
                     display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
                     width: auto;
                     height: 28.5%;
+                    padding: 10px;
 
                     background: rgba(255, 255, 255, 0.3);
                     border-radius: 15px;
@@ -227,6 +230,18 @@ body {
                     backdrop-filter: blur(3px);
                     -webkit-backdrop-filter: blur(15px);
 
+                    .two_haut {
+                        display: flex;
+                        height: 75%;
+                    }
+
+                    .two_bas {
+                        display: flex;
+                        flex-direction: row;
+                        padding: 9px;
+                        height: 25%;
+
+                    }
                 }
 
                 .three {