add scroll snap to search
This commit is contained in:
parent
e5a45ae9c1
commit
924adbf0fa
@ -104,11 +104,17 @@ const questions: Question<QuestionTypes>[] = [
|
|||||||
|
|
||||||
const SearchPage = () => {
|
const SearchPage = () => {
|
||||||
return <>
|
return <>
|
||||||
<Header />
|
<div className="max-h-screen overflow-y-scroll snap snap-y snap-mandatory">
|
||||||
<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">
|
<div className="snap-start snap-always">
|
||||||
<GuidedSearch questions={questions} />
|
<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>
|
</div>
|
||||||
<Footer />
|
|
||||||
</>
|
</>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user