Doesn't work in scoped styles #67
Description
When using it in a component with styled scope, ex :
<script scoped>
export default {
name: "Test",
data() {
return {
images: [
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(73).webp'
},
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(74).webp'
},
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(75).webp'
},
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(76).webp'
},
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(77).webp'
},
{
src: 'https://tecdn.b-cdn.net/img/Photos/Horizontal/Nature/4-col/img%20(78).webp'
}]
};
}
}
</script>
<style scoped>
@import 'vue-silentbox/dist/style.css';
</style>
<template>
<silent-box :gallery="images"></silent-box>
</template>The images are present in the HTML but there is an issue with the CSS, that makes them invisible.