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

correction photos verticales diapo + dégradé liste arrêts agrandi

This commit is contained in:
Valentin 2024-10-11 15:29:41 +02:00
parent 5f8baebb2f
commit 5106413b4d
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/themes/custom/caravane/assets/js/vuejs/components/ImageModale.vue
View File

@ -28,7 +28,7 @@
`]" `]"
> >
<swiper-slide v-for="media in swiperContent"> <swiper-slide v-for="media in swiperContent">
<figure> <figure class="popup-figure">
<img :src="media.src" :alt="media.alt" class="popup-img"> <img :src="media.src" :alt="media.alt" class="popup-img">
<figcaption>{{ media.alt }}</figcaption> <figcaption>{{ media.alt }}</figcaption>
</figure> </figure>
@ -138,8 +138,9 @@ const close = () => {
margin-top: 3%; margin-top: 3%;
max-width: 60%; max-width: 60%;
height: 80%; height: 80%;
max-height: 80vh;
img { img {
height: -webkit-fill-available; height: -webkit-fill-available !important;
max-width: 100%; max-width: 100%;
margin-bottom: -5px; margin-bottom: -5px;
object-fit: cover; object-fit: cover;

6
web/themes/custom/caravane/assets/js/vuejs/components/parties/ModaleDiaporama.vue
View File

@ -82,7 +82,13 @@ onMounted(() => {
--swiper-navigation-size: 1.5rem; --swiper-navigation-size: 1.5rem;
} }
swiper-slide figure:not(.popup-figure) {
max-height: 40vh;
padding-bottom: 3rem;
}
swiper-slide img:not(.popup-img) { /* cf main.scss */ swiper-slide img:not(.popup-img) { /* cf main.scss */
max-height: 35vh;
cursor: pointer; cursor: pointer;
transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
&:hover { &:hover {

2
web/themes/custom/caravane/assets/scss/main.scss
View File

@ -470,7 +470,7 @@ body{
> .layout__region--third { > .layout__region--third {
padding-right: $body-margin-x; padding-right: $body-margin-x;
height: 100%; height: 100%;
grid-column: 13 / span 4; grid-column: 11 / span 6;
position: relative; position: relative;
z-index: 2; z-index: 2;
background: linear-gradient(to right, transparent, #faf1eb); background: linear-gradient(to right, transparent, #faf1eb);