summaryrefslogtreecommitdiff
path: root/examples/view-transitions/src/layouts/Layout.astro
blob: 39a73bca098104ee6afb273e7acc22b83f4e4300 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
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>