chargement async des items dans "morceaux" se fait sur le scroll down (pu besoin de boutton)

GrossesMitaines/grosses-mitaines-ui/src/stylesheets/site.css

@@ -469,6 +469,36 @@ html {
     margin-bottom: 16px;
 }
 
+
+ /* width */
+ ::-webkit-scrollbar {
+    width: 10px;
+  }
+  
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: beige;
+  }
+  
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: plum;
+  }
+  
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: purple;
+  } 
+
+.morceaux-container{
+    padding-top:10px;
+    height: 620px;
+    overflow-y: scroll;
+    border: purple 2px solid;
+    border-radius: 5px;
+    background-color: rgba(245, 245, 220, 0.25);
+}
+
 .filters-btn-container{
     width:100%;
     display:flex;
@@ -723,6 +753,11 @@ html {
 /* -------------------------------------------------------- */
 
 @media (max-width:450px) {
+
+    .morceaux-container{
+        height: 450px;
+    }
+
     .item {
         width: 85%;
     }