replace remaining pages with new layout

This commit is contained in:
Brandon Egger
2023-08-24 13:39:23 -05:00
parent 2180d798d0
commit 9074f79dee
5 changed files with 53 additions and 70 deletions

View File

@ -62,7 +62,7 @@ const Resources = () => {
return (
<HeaderFooterLayout>
<div className="mb-12 mt-6 md:px-2">
<div className="mx-auto mb-12 mt-6 w-full max-w-6xl md:px-2">
<div className="mb-2 flex flex-row justify-between p-2 print:hidden sm:mb-4 sm:p-4">
<section className="space-y-2">
<h1 className="text-3xl font-bold">All Resources</h1>

View File

@ -1,10 +1,9 @@
import Footer from "~/components/Footer";
import Header from "~/components/Header";
import {
GuidedSearch,
type Question,
type QuestionTypes,
} from "~/components/Search";
import { HeaderFooterLayout } from "~/layouts/HeaderFooterLayout";
const questions: Question<QuestionTypes>[] = [
{
@ -108,19 +107,11 @@ const questions: Question<QuestionTypes>[] = [
const SearchPage = () => {
return (
<>
<div className="snap max-h-screen snap-y snap-mandatory overflow-y-scroll">
<div className="snap-start snap-always">
<Header />
</div>
<div className="mx-auto mb-4 mt-4 w-full max-w-xl snap-center snap-always overflow-hidden rounded-xl border border-neutral-400 bg-neutral-200 drop-shadow-md">
<GuidedSearch questions={questions} />
</div>
<div className="snap-end snap-always">
<Footer />
</div>
<HeaderFooterLayout>
<div className="mx-auto my-8 w-full max-w-xl overflow-hidden rounded-xl border border-neutral-400 bg-neutral-200 drop-shadow-md">
<GuidedSearch questions={questions} />
</div>
</>
</HeaderFooterLayout>
);
};