When using box-shadow, the last slide currently being displayed does not show the full shadow

[opr]

Here's a screenshot of it happening and also a link to a code sandbox - any ideas on how to fix this?

https://codesandbox.io/s/purple-https-sp75u?file=/index.html

Thanks!

[abdennourzahaf]

Any fix to this?

[BlackKiwi89]

help :(

[demedos]

The problem is that there is not declarative way to add a padding between the glide container and its slides. A workaround is to take advantage of the peek property to add some horizontal margin and some custom css for the top and bottom.

/* 
* index.js
* Adjust the peek option as per your needs
*/
new Glide(".glide", {
    peek: 5,
}).mount();

/* 
* style.css
* Load this file after the glide stylesheet and adjust the paddings as per your needs
*/
.glide__slides {
    padding-top: 10px;
    padding-bottom: 10px;
}