forge-joniko/ldc-le-gaulois-pro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cut first img thumb slider

Browse source
This commit is contained in:
S. Hattry 2022-11-16 17:25:01 +01:00
parent cc09c9153e
commit 221a9b57cb
4 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
artisan Executable file → Normal file
View file

2
public/mix-manifest.json
View file

@ -1,7 +1,7 @@
{
"/js/back.js": "/js/back.js?id=f1cc6a7256f50294121aeac1b0d4d843",
"/js/front.js": "/js/front.js?id=de1628dd8cd9da1b82ee1a148ddf44e2",
"/css/front.css": "/css/front.css?id=9db5b96efc80e5b67a2a8136b0a3dfff",
"/css/front.css": "/css/front.css?id=46232d8f8280aeecd215354cd4a14e00",
"/css/back.css": "/css/back.css?id=991f140dfb581db72e096a0e2c8a06f3",
"/assets/fonts/Mocha/Mocha-Mattari-W01-Regular.otf": "/assets/fonts/Mocha/Mocha-Mattari-W01-Regular.otf?id=6446a455fd81e08529f493ec5b18004c",
"/assets/fonts/Mocha-Mattari-W01-Regular.otf": "/assets/fonts/Mocha-Mattari-W01-Regular.otf?id=6446a455fd81e08529f493ec5b18004c",

5
resources/sass/fo/pages/_home.scss
View file

@ -15,8 +15,13 @@ $thumbs-height: 10%;
#swiperHero .slide-txt {max-height: calc(100% - $thumbs-height);}
#swiperHeroThumbs {
width: 103.5%;
height: $thumbs-height;
cursor: pointer;
.swiper-slide-active img {
clip-path: polygon(0% 0%, 1% 16%, 3% 30%, 6% 56%, 10% 79%, 14% 100%, 100% 100%, 100% 0%);
}
}
#swiperHero .img-slide {filter: brightness(40%);}

2
resources/views/fo/pages/home.blade.php
View file

@ -90,7 +90,7 @@
</div>
</div>
<div class="shadow-txt position-relative d-none d-md-block py-6 px-5 py-sm-5 p-xl-5 w-100 w-md-35">
<div id="swiperHeroThumbs" class="swiper swiper-lgp position-absolute end-0 bottom-0 mx-0 w-100">
<div id="swiperHeroThumbs" class="swiper swiper-lgp position-absolute end-0 bottom-0 mx-0">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->