diff --git a/resources/js/vert-scroll.js b/resources/js/vert-scroll.js new file mode 100644 index 0000000..8eb9171 --- /dev/null +++ b/resources/js/vert-scroll.js @@ -0,0 +1,5 @@ +let skinsElement = document.getElementById('skinsElement'); +skinsElement.addEventListener('wheel', (ev) => { + ev.preventDefault(); + skinsElement.scrollLeft += (ev.deltaY + ev.deltaX); +}); diff --git a/resources/views/champions/show.blade.php b/resources/views/champions/show.blade.php index def3e7d..5cf9746 100644 --- a/resources/views/champions/show.blade.php +++ b/resources/views/champions/show.blade.php @@ -42,13 +42,12 @@ @vite('resources/css/app.css') @vite('resources/js/app.js') + @vite('resources/js/vert-scroll.js') - - diff --git a/resources/views/components/champions/grid_info.blade.php b/resources/views/components/champions/grid_info.blade.php index 9e02004..eebe3d8 100644 --- a/resources/views/components/champions/grid_info.blade.php +++ b/resources/views/components/champions/grid_info.blade.php @@ -132,11 +132,3 @@ - - diff --git a/vite.config.js b/vite.config.js index 51c71e6..1d86b5b 100644 --- a/vite.config.js +++ b/vite.config.js @@ -4,7 +4,7 @@ import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ - input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/lane-filter.js'], + input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/lane-filter.js', 'resources/js/vert-scroll.js'], refresh: true, }), ],