astro/examples/view-transitions/src/layouts/Layout.astro
2023-09-27 19:25:02 +00:00

36 lines
898 B
Text

---
import '../styles/styles.css';
import { ViewTransitions } from 'astro:transitions';
import Footer from '../components/Footer.astro';
import Nav from '../components/Nav.astro';
export interface Props {
title: string;
}
const { title } = Astro.props as Props;
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="generator" content={Astro.generator} />
<meta name="view-transition" content="same-origin" />
<title>{title}</title>
<ViewTransitions />
</head>
<body class="font-sans bg-gray-900 text-white">
<div class="h-screen overflow-hidden flex flex-col">
<Nav />
<div id="container" class="h-full flex-1 overflow-y-auto">
<div id="content">
<slot />
</div>
<Footer />
</div>
</div>
</body>
</html>