blog.z0x.ca/src/layouts/Layout.astro

31 lines
649 B
Text

---
import Footer from "@/components/Footer.astro";
import Head from "@/components/Head.astro";
import Header from "@/components/Header.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>
<div
class="box-border flex h-fit min-h-screen flex-col gap-y-6 font-sans antialiased"
>
<Header />
<main class="flex-grow">
<slot />
</main>
<Footer />
</div>
</body>
</html>