reglages taille img home

This commit is contained in:
2023-07-12 23:23:16 +02:00
parent 836b9e157c
commit face587d92
2 changed files with 11 additions and 3 deletions
@@ -617,7 +617,8 @@ a {
padding-top: 2rem; } } padding-top: 2rem; } }
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child { .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child {
display: flex; 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 { .path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a {
color: #09398b; } 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 { .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 { .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%; width: 100%;
object-fit: cover; 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 { .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; order: 2;
display: flex; display: flex;
+6 -1
View File
@@ -349,6 +349,8 @@
div:first-child{ div:first-child{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 400px;
a{ a{
color: $blue-dark; color: $blue-dark;
@@ -364,7 +366,10 @@
img{ img{
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
height: fit-content; // height: fit-content;
height: auto;
max-height: 400px;
object-fit: contain;
} }
// &::after{ // &::after{
// display: block; // display: block;