valentin_le_moign/mahee-auffret
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

paragraphe contact multi ligne + 2 colonnes magasin

Browse Source
This commit is contained in:
Valentin
2024-05-27 19:05:43 +02:00
parent e4210d9926
commit d469194e2d
6 changed files with 59 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Header.vue
View File

@@ -150,8 +150,8 @@ export default {
h1 {
margin-top: 0;
> .hover_el_active {
top: -130% !important;
height: 350% !important;
top: -110% !important;
height: 300% !important;
}
}
ul {

16
components/Projects.vue
View File

@@ -3,9 +3,9 @@
<article v-for="content in contents.slice().reverse()" :key="content.id">
<div>
<img
:src="`/imgs/small/${content.image ? content.image : content.shop_image}.webp`"
:src="`/imgs/small/${content.image}.webp`"
:alt="content.titre"
@click="displaySlider(content.id)"
@click="displaySlider(contents.length - content.id)"
/>
</div>
<div>
@@ -28,7 +28,7 @@
<swiper-slide v-for="content in contents.slice().reverse()" :key="content.id">
<div class="swiper-zoom-container">
<img
:src="`/imgs/large/${content.image ? content.image : content.shop_image}.webp`"
:src="`/imgs/large/${content.image}.webp`"
:alt="content.titre"
/>
</div>
@@ -56,7 +56,7 @@ export default {
const body = document.querySelector('body');
body.style.overflowY = 'hidden';
const swiper = swiperInstance.value;
swiper.slideToLoop(index - 1);
swiper.slideToLoop(index);
const swiperEl = swiper.el;
swiperEl.style.display = "block";
setTimeout(() => {
@@ -66,7 +66,13 @@ export default {
const closeSlider = () => {
const body = document.querySelector('body');
const swiperEl = document.querySelector('.swiper');
const swiperElements = document.querySelectorAll('.swiper');
let swiperEl;
for (let swiperElement of swiperElements) {
if (swiperElement.style.opacity == 1) {
swiperEl = swiperElement;
}
}
swiperEl.style.opacity = 0;
setTimeout(() => {
swiperEl.style.display = "none";