Browse Source

reglages taille img home

ouidade 10 months ago
parent
commit
face587d92

+ 5 - 2
web/themes/custom/eql/css-compiled/styles.css

@@ -617,7 +617,8 @@ a {
               padding-top: 2rem; } }
           .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child {
             display: flex;
-            flex-direction: column; }
+            flex-direction: column;
+            max-height: 400px; }
             .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a {
               color: #09398b; }
             .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo {
@@ -629,7 +630,9 @@ a {
               .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo img {
                 width: 100%;
                 object-fit: cover;
-                height: fit-content; }
+                height: auto;
+                max-height: 400px;
+                object-fit: contain; }
             .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse {
               order: 2;
               display: flex;

+ 6 - 1
web/themes/custom/eql/scss/pages/_home.scss

@@ -349,6 +349,8 @@
                             div:first-child{                
                                 display: flex;
                                 flex-direction: column;
+                                max-height: 400px;
+
                            
                                 a{
                                     color: $blue-dark;
@@ -364,7 +366,10 @@
                                     img{  
                                         width: 100%; 
                                         object-fit: cover;
-                                        height: fit-content;
+                                        // height: fit-content;
+                                        height: auto;
+                                        max-height: 400px;
+                                        object-fit: contain;
                                     }
                                     // &::after{ 
                                     //     display: block;