bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

img fill home diap

Browse Source
This commit is contained in:
ouidade
2025-09-18 10:39:50 +02:00
parent e1e2839feb
commit 750ce593fe
3 changed files with 81 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/home/_home-view-sites.scss
+56 -35
View File
@@ -38,7 +38,9 @@
.node-type-site{
width: 70%;
height: 30vw;
margin: auto;
.entete_site{
background-color: white;
// height: 520px;
@@ -46,6 +48,7 @@
display: flex;
flex-direction: row;
margin: auto;
height: 100%;
@media(max-width: 1400px){
width: 100%;
display: flex;
@@ -60,48 +63,66 @@
.image-site{
order: 1;
width: 70%;
height: 100%;
@media(max-width: 900px){
width: 100%;
}
.field__item{
display: flex;
flex-direction:column;
align-items: flex-end;
position: relative;
img {
// height: 520px;
width: 100%;
object-fit: contain;
height: fit-content;
// object-fit: cover;
// max-height: 200px;
@media(max-width: 1500px){
width: 100%;
}
}
blockquote{
position: absolute;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
right: -20vw;
bottom: 0px;
@media(max-width: 900px){
left: 0;
top: 0;
width: 100%;
}
p{
margin: 0;
padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 900px){
font-size: 0.8rem;
.field--type-image{
height: 100%;
.field__items{
height: 100%;
.field__item{
display: flex;
flex-direction:column;
align-items: flex-end;
position: relative;
height: 100%;
a{
height: 100%;
width: 100%;
img {
height: 100%;
// height: 520px;
width: 100%;
// height: 100%;
object-fit: fill;
// height: fit-content;
// object-fit: cover;
// max-height: 200px;
@media(max-width: 1500px){
width: 100%;
}
}
}
blockquote{
position: absolute;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
right: -20vw;
bottom: 0px;
@media(max-width: 900px){
left: 0;
top: 0;
width: 100%;
}
p{
margin: 0;
padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 900px){
font-size: 0.8rem;
}
}
}
}
}
}
}
.infos-content-site{