浏览代码

feat: horizontal scroll for model dropdown tags

Silentoplayz 2 月之前
父节点
当前提交
ae1f0f0a3c
共有 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