blog.z0x.ca/src/layouts/Layout.astro
2024-09-10 17:51:46 -07:00

29 lines
637 B
Text

---
import Head from '@components/Head.astro'
import Header from '@components/Header.astro'
import Footer from '@components/Footer.astro'
import { SITE } from '@consts'
type Props = {
title: string
description: string
}
const { title, description } = Astro.props
---
<!doctype html>
<html lang="en">
<head>
<Head title={`${title} | ${SITE.TITLE}`} description={description} />
</head>
<body
class="box-border flex h-fit min-h-screen flex-col gap-y-4 bg-background px-4 font-sans text-foreground antialiased"
>
<Header />
<main class="flex-grow">
<slot />
</main>
<Footer />
</body>
</html>