From 924adbf0fae633c9f4baf38156091cdf3ed82387 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Wed, 12 Apr 2023 23:22:03 -0500
Subject: [PATCH] add scroll snap to search

---
 src/pages/resources/search.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/pages/resources/search.tsx b/src/pages/resources/search.tsx
index ac73aa9..a85ae26 100644
--- a/src/pages/resources/search.tsx
+++ b/src/pages/resources/search.tsx
@@ -104,11 +104,17 @@ const questions: Question<QuestionTypes>[] = [
 
 const SearchPage = () => {
     return <>
-        <Header />
-        <div className="w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden border border-neutral-400 bg-neutral-200 drop-shadow-md">
-            <GuidedSearch questions={questions} />
+        <div className="max-h-screen overflow-y-scroll snap snap-y snap-mandatory">
+            <div className="snap-start snap-always">
+                <Header />
+            </div>
+            <div className="snap-center snap-always w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden border border-neutral-400 bg-neutral-200 drop-shadow-md">
+                <GuidedSearch questions={questions} />
+            </div>
+            <div className="snap-end snap-always">
+                <Footer />
+            </div>
         </div>
-        <Footer />
     </>
 }