浏览代码

refac: suggestions scroll snap

Timothy J. Baek 1 年之前
父节点
当前提交
35b5d5ba35
共有 1 个文件被更改,包括 3 次插入2 次删除
  1. 3 2
      src/lib/components/chat/MessageInput/Suggestions.svelte

+ 3 - 2
src/lib/components/chat/MessageInput/Suggestions.svelte

@@ -22,9 +22,9 @@
 {/if}
 {/if}
 
 
 <div class="w-full">
 <div class="w-full">
-	<div class="relative w-full flex gap-2 snap-x overflow-x-auto tabs">
+	<div class="relative w-full flex gap-2 snap-x snap-mandatory overflow-x-auto tabs">
 		{#each prompts as prompt, promptIdx}
 		{#each prompts as prompt, promptIdx}
-			<div class="shrink-0">
+			<div class="snap-center shrink-0">
 				<button
 				<button
 					class="flex flex-col flex-1 shrink-0 w-64 justify-between h-36 p-5 px-6 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group"
 					class="flex flex-col flex-1 shrink-0 w-64 justify-between h-36 p-5 px-6 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group"
 					on:click={() => {
 					on:click={() => {
@@ -65,6 +65,7 @@
 				</button>
 				</button>
 			</div>
 			</div>
 		{/each}
 		{/each}
+
 		<!-- <div class="snap-center shrink-0">
 		<!-- <div class="snap-center shrink-0">
 		<img
 		<img
 			class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white"
 			class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white"