From c6d86df3bb95093c0e3c932234de0fe9e33ddb09 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Tue, 5 Nov 2024 21:15:16 +0100
Subject: [PATCH] css lessites

---
 .../dist/assets/css/bundle.css                | 24 +++++-----
 .../src/assets/scss/pages/lessites.scss       | 44 ++++++++++---------
 2 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index bb1b975..eb098ff 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -3234,23 +3234,27 @@ main {
 #lessites .content_container .view .header_view #block-sitesmap-block {
   margin: auto;
 }
-#lessites .content_container #lessites .views-row-wrapper {
-  /* styles spécifiques à la page */
-  padding: 10px;
-  border: 1px solid #ccc;
+#lessites .content_container .view .views-row-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 85%;
+  margin: auto;
+  gap: 20px;
 }
-#lessites .content_container #lessites .views-row-wrapper .views-row {
-  width: 20%;
+#lessites .content_container .view .views-row-wrapper .views-row {
+  width: 18%;
   margin-bottom: 2rem;
 }
-#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-title .field-content a {
+#lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
   color: rgb(7, 50, 194);
   font-family: "gilroy-bold";
   padding-top: 0.5rem;
 }
-#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-field-images .field-content img {
-  width: 200px;
-  height: 200px;
+#lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 1/1;
   object-fit: cover;
 }
 
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
index 8bf82b2..3494eef 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
@@ -43,29 +43,31 @@ main{
                
             }
 
-            
-            
-
-        }
-        #lessites .views-row-wrapper {
-            /* styles spécifiques à la page */
-            padding: 10px;
-            border: 1px solid #ccc;
-            .views-row{
-                width: 20%;
-                margin-bottom: 2rem;
-                .views-field-title .field-content a{
-                    color: $blue_QDD;
-                    font-family: "gilroy-bold";
-                    padding-top: 0.5rem;    
-                }
-                .views-field-field-images .field-content img{
-                    width: 200px;
-                    height: 200px;
-                    object-fit: cover;
+            .views-row-wrapper{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                width: 85%;
+                margin: auto;
+                gap: 20px;
+                .views-row{
+                    width: 18%;
+                    margin-bottom: 2rem;
+                    .views-field-title .field-content a{
+                        color: $blue_QDD;
+                        font-family: "gilroy-bold";
+                        padding-top: 0.5rem;    
+                    }
+                    .views-field-field-images .field-content img{
+                        width: 100%;
+                        height: auto;
+                        aspect-ratio: 1 / 1;
+                        object-fit: cover;
+                    }
                 }
+    
+    
             }
-
         }
     }
 }