Merge pull request #11460 from silentoplayz/horizontal-scrol-tags2

feat: Horizontal scroll for tags in model dropdown selector
This commit is contained in:
Timothy Jaeryang Baek 2025-03-09 20:58:05 -03:00 committed by GitHub
commit 3cc44b9de5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -351,9 +351,17 @@
<div class="px-3 mb-2 max-h-64 overflow-y-auto scrollbar-hidden group relative">
{#if tags}
<div class=" flex w-full sticky top-0 z-10 bg-white dark:bg-gray-850">
<div
class=" flex w-full sticky top-0 z-10 bg-white dark:bg-gray-850 overflow-x-auto scrollbar-hidden"
on:wheel={(e) => {
if (e.deltaY !== 0) {
e.preventDefault();
e.currentTarget.scrollLeft += e.deltaY;
}
}}
>
<div
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent px-1.5 pb-0.5"
class="flex gap-1 w-fit text-center text-sm font-medium rounded-full bg-transparent px-1.5 pb-0.5"
bind:this={tagsContainerElement}
>
<button