Fix intro layout mobile (#107)

* take ChatIntroduction outside of chatmessages so it doesn't scroll down automatically

* fix chat intro not scrollable on mobile viewport

* Revert "fix chat intro not scrollable on mobile viewport"

This reverts commit 6f83f2eb6109614c487051573e8d72bebb13b425.

* Revert "take ChatIntroduction outside of chatmessages so it doesn't scroll down automatically"

This reverts commit 812f581271a7af73e38afdc1f90623fd1189e687.

* update snapScrollToBottom so it only triggers if dependency is truthy

* fix ambiguious boolean type

Co-authored-by: Eliott C. <[email protected]>

---------

Co-authored-by: Eliott C. <[email protected]>

src/lib/actions/snapScrollToBottom.ts

@@ -41,7 +41,9 @@ export const snapScrollToBottom = (node: HTMLElement, dependency: any) => {
 
 	node.addEventListener("scroll", handleScroll);
 
-	updateScroll({ force: true });
+	if (dependency) {
+		updateScroll({ force: true });
+	}
 
 	return {
 		update: updateScroll,

src/lib/components/chat/ChatMessages.svelte

@@ -26,7 +26,7 @@
 
 <div
 	class="overflow-y-auto h-full scrollbar-custom mr-1"
-	use:snapScrollToBottom={messages}
+	use:snapScrollToBottom={messages.length ? messages : false}
 	bind:this={chatContainer}
 >
 	<div class="max-w-3xl xl:max-w-4xl mx-auto px-5 pt-6 flex flex-col gap-5 sm:gap-8 h-full">