diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 3a248d2..e877daf 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/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; diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss index 9cf5a5a..cea1cbf 100644 --- a/web/themes/custom/eql/scss/pages/_home.scss +++ b/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;