Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: sideways scroll improvement

Browse Source
This commit is contained in:
Rico van Zelst
2023-11-08 15:05:16 +01:00
parent 003c58544f
commit a61b4f8085
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
resources/js/app.js
View File

@@ -1,2 +1,3 @@
import "./bootstrap"; import "./bootstrap";
import "flowbite"; import "flowbite";

11
resources/views/components/champions/grid_info.blade.php
View File

@@ -112,7 +112,7 @@
<div class="p-4"> <div class="p-4">
<h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm"> <h4 class="text-center text-xl font-semibold text-neutral-100 uppercase mt-2.5 shadow-sm">
{{$champion->name}} Skins ({{count($champion->skins)}}) </h4> {{$champion->name}} Skins ({{count($champion->skins)}}) </h4>
<div class="overflow-x-scroll mt-2.5"> <div id="skinsElement" class="overflow-x-scroll mt-2.5">
<div class="grid grid-flow-col grid-rows-2 w-max gap-4 mb-2.5"> <div class="grid grid-flow-col grid-rows-2 w-max gap-4 mb-2.5">
@foreach($champion->skins as $key => $skin) @foreach($champion->skins as $key => $skin)
<div class="flex flex-col"> <div class="flex flex-col">
@@ -130,4 +130,13 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<script>
// !TODO: Move this to its own file.
skinsElement.addEventListener('wheel', (ev) => {
ev.preventDefault(); // stop scrolling in another direction
skinsElement.scrollLeft += (ev.deltaY + ev.deltaX);
});
</script>