Use new ViewTransition

Signed-off-by: Max Schmidt <max.schmidt@outlook.de>
This commit is contained in:
Max Schmidt
2023-07-28 17:22:41 +02:00
parent 25f50c90f6
commit 6c14f1cbad
4 changed files with 13 additions and 5822 deletions

View File

@ -1,5 +1,6 @@
---
import "@/global.css";
import ViewTransitions from "astro/components/ViewTransitions.astro";
export interface Props {
title: string;
}
@ -13,8 +14,11 @@ const { title } = Astro.props;
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>{title}</title>
<ViewTransitions/>
</head>
<body class="font-plex bg-gray max-w-7xl mx-auto py-8 text-gray-200 px-6">
<slot />
<div transition:animate="fade">
<slot />
</div>
</body>
</html>