brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

add scroll snap to search

Browse Source
This commit is contained in:
Brandon Egger 2023-04-12 23:22:03 -05:00
parent e5a45ae9c1
commit 924adbf0fa
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/resources/search.tsx
View File

@ -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 />
</>
}