Преглед изворни кода

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

feat: Horizontal scroll for tags in model dropdown selector
Timothy Jaeryang Baek пре 2 месеци
родитељ
комит
3cc44b9de5
1 измењених фајлова са 10 додато и 2 уклоњено
  1. 10 2
      src/lib/components/chat/ModelSelector/Selector.svelte

+ 10 - 2
src/lib/components/chat/ModelSelector/Selector.svelte

@@ -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