ajout composant meteo

src/pages/Analyse.js

@@ -89,6 +89,7 @@ const Analyse = () => {
                     'rgba(75, 192, 192, 0.2)',
                     'rgba(153, 102, 255, 0.2)',
                     'rgba(255, 159, 64, 0.2)',
+                    
                 ],
                 borderColor: [
                     'rgba(255, 99, 132, 1)',

src/pages/Compte.js

@@ -135,18 +135,20 @@ function Compte() {
                                 <div className="presentationNom">
                                     <p id="texte" className="def">Nom Complet :</p>
                                     {modificationInfo ?
-                                    <div>
+                                    <div className="changeInput">
                                         <input
                                             name="firstName"
                                             placeholder="firstName"
                                             value={formData.firstName}
                                             onChange={handleChange}
+                                            className="inputCompte"
                                         />
                                         <input
                                             name="lastName"
                                             placeholder="lastName"
                                             value={formData.lastName}
                                             onChange={handleChange}
+                                            className="inputCompte"
                                         />
                                     </div>
                                     :

src/styles/components/_compte.scss

@@ -251,7 +251,11 @@ body {
                             .nom {
                                 display: flex;
                                 margin-left: 125px;
-                                ;
+                            }
+                            .changeInput {
+                                .inuptCompte {
+                                                 
+                                }
                             }
                         }
 

src/styles/components/_mailPourAdmin.scss

@@ -1,5 +1,3 @@
-
-
 body {
 
     .page_mailAdmin {
@@ -116,23 +114,9 @@ body {
                     }
                 }
             }
-
-            .form {
-                display: flex;
-                flex-direction: column;
-                width: 94.3%;
-                height: auto;
-                margin: 5px 10px 10px 5px;
-
-                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);
-            }
             
     
-            /*.Mail {
+            .Mail {
                 display: flex;
                 flex-direction: column;
                 justify-content: space-evenly;
@@ -151,6 +135,7 @@ body {
                     justify-content: space-evenly;
                     margin: 13px;
                     width: auto;
+                    height: 40%;
 
                     background: rgba(255, 255, 255, 0.1);
                     border-radius: 5px;
@@ -250,7 +235,7 @@ body {
                         }
                     }
                 }
-            }*/
+            }
         }
     }
 }

src/styles/components/_parametre.scss

@@ -302,6 +302,7 @@ body {
                                 width: 50px;
                                 height: 25px;
                                 -webkit-appearance: none;
+                                appearance: none;
                                 background-color: #e2e2e2;
                                 outline: none;
                                 border-radius: 20px;