feat: horizontal scroll for model dropdown tags

This commit is contained in:
Silentoplayz 2025-03-09 11:41:14 -04:00
parent cdb5eae43a
commit ae1f0f0a3c
1 changed files with 10 additions and 2 deletions

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