ameliorations graphique

Site Web/client/src/styles/_settings.scss

@@ -7,8 +7,7 @@ $color-4: #AAAAAA;
 $color-5: #AABBCC;
 $color-6:  #5499c7  ;
 $color-7:  #1b4f72 ;
-
-
+$color-8: #FAFAFA;
 
 
 // $color-1: #4cbfa6;
@@ -27,6 +26,10 @@ $color-7:  #1b4f72 ;
     box-sizing: border-box;
 }
 
+body{
+    background-color: #F0F0F0;
+}
+
 .imageDeProfil{
     object-fit: cover;
     clip-path:circle(50%);

Site Web/client/src/styles/component/_newPoste.scss

@@ -1,5 +1,5 @@
 .newPoste-form-popup {
-  background-color: white;
+  background-color: $color-8;
   display: none;
   position:fixed;
 
@@ -38,6 +38,7 @@ textarea[name="description"]{
   margin-left:10%;
   margin-right:10%;
   margin-bottom:10px;
+  margin-top:10px;
   display:flex;
   justify-content: space-between;
 }

Site Web/client/src/styles/component/_poste.scss

@@ -1,13 +1,31 @@
 #cadrePoste{
-    background: white;
-    border: 2px solid grey;
+    background: $color-8;
+    border: 0.3px solid $color-5;
     border-radius:5px;
+    margin-bottom: 10px;
     width: 70%;
-    margin-bottom: 20px;
+
+    margin-left: 3%;
 }
 
 #postContenu{
     padding: 15px;
+    
+
+}
+
+#contenuePoste{
+    background: $color-8;
+    border: 0.3px solid $color-5;
+    border-radius:5px;
+    margin-bottom: 10px;
+    p{
+        margin-top: 0.5%;
+        margin: 1%;
+        background-color: $color-3;
+        border: 0.2px solid $color-5;
+    }
+
 }
 
 #hautPoste{
@@ -21,11 +39,13 @@
     list-style-type: none;
     display: flex;
     justify-content: center;
+    
 }
 
 #cadreInfoPoste{
     display: flex;
     align-items:center;
+    
 }
 #PhotoProfile{
     margin: 0px 15px 0px 0px;
@@ -33,6 +53,7 @@
     height:40px;
     border-radius: 20px;
     border: 2px solid #555;
+    margin-bottom: 8%;
 }
 
 #NomProfile{
@@ -47,9 +68,14 @@
     justify-content: space-between;
     margin-left: 10px;
     margin-right: 10px;
+
+    
 }
 
 #like, #commentaire{
     display: flex;
     align-items:center;
+    
 }
+
+

Site Web/client/src/styles/component/_trends.scss

@@ -1,3 +0,0 @@
-#listeNotif{
-  margin-left: 10%;
-}

Site Web/client/src/styles/index.scss

@@ -11,6 +11,7 @@
 @import './component/newPoste';
 
 
+
 @import './component/notif';
-@import './component/trends';
+@import './pages/trends';
 

Site Web/client/src/styles/pages/_trends.scss

@@ -0,0 +1,11 @@
+#listeNotif{
+  margin: 2%;
+  margin-left: 8%;
+  padding:1%;
+  border-color: $color-5;
+  border-style:solid;
+  border-width: 0.3px;
+  min-width: 410px;
+  width: 84%;
+  background: $color-8;
+}