From 35b5d5ba356ecf28c09438fb7b978f44acef6aca Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 1 May 2024 23:01:00 -0700
Subject: [PATCH] refac: suggestions scroll snap

---
 src/lib/components/chat/MessageInput/Suggestions.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/Suggestions.svelte b/src/lib/components/chat/MessageInput/Suggestions.svelte
index f3820733..e0672ada 100644
--- a/src/lib/components/chat/MessageInput/Suggestions.svelte
+++ b/src/lib/components/chat/MessageInput/Suggestions.svelte
@@ -22,9 +22,9 @@
 {/if}
 
 <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}
-			<div class="shrink-0">
+			<div class="snap-center shrink-0">
 				<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"
 					on:click={() => {
@@ -65,6 +65,7 @@
 				</button>
 			</div>
 		{/each}
+
 		<!-- <div class="snap-center shrink-0">
 		<img
 			class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white"