fix(website): page height to hide footer without scrolling

This commit is contained in:
iCrawl
2023-03-27 20:43:34 +02:00
parent b8b852ee1e
commit 5cdd5d76ed
6 changed files with 9 additions and 7 deletions

View File

@@ -181,7 +181,9 @@ export default async function Page({ params }: { params: ItemRouteParams }) {
}
>
<article className="dark:bg-dark-800 bg-light-600">
<div className="dark:bg-dark-600 bg-white p-6 pb-20 shadow">{member ? <Member member={member} /> : null}</div>
<div className="dark:bg-dark-600 min-h-[calc(100vh_-_64px)] bg-white p-6 pb-20 shadow">
{member ? <Member member={member} /> : null}
</div>
</article>
</div>
);

View File

@@ -72,8 +72,8 @@ export default async function PackageLayout({ children, params }: PropsWithChild
<main>
<Header />
<Nav members={members.map((member) => serializeIntoSidebarItemData(member))} />
<article className="pt-18 lg:pl-76">
<div className="relative z-10 min-h-[calc(100vh_-_70px)]">{children}</div>
<article className="lg:pl-76 pt-16">
<div className="relative z-10">{children}</div>
<div className="h-76 md:h-52" />
</article>
<Footer />