Merge pull request #8 from tequdev/page-transition

Add Page transition
This commit is contained in:
Thomas Silkjær
2025-07-03 17:43:13 +02:00
committed by GitHub
3 changed files with 11 additions and 4 deletions

View File

@@ -37,9 +37,9 @@ const description = Astro.props.frontmatter?.description
</head>
<body class="font-[Onest] bg-xahau-background min-h-screen flex flex-col">
<Header client:only="react" url={Astro.url} />
<Header client:load url={Astro.url} />
<slot />
<Footer />
<CookieConsent />
</body>
</html>
</html>

View File

@@ -9,7 +9,7 @@ const { hasSidebar } = Astro.locals.starlightRoute
---
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap" rel="stylesheet" />
<div class="font-[Onest] bg-xahau-background min-h-screen flex flex-col">
<Header client:only="react" url={Astro.url} />
<Header client:load url={Astro.url} />
<div class="page-content flex-1 container mx-auto p-6">
<div class="grid grid-cols-1 md:grid-cols-5 gap-4">
<div>
@@ -86,4 +86,4 @@ const { hasSidebar } = Astro.locals.starlightRoute
}
}
}
</style>
</style>

View File

@@ -17,3 +17,10 @@ footer {
* {
-webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: no-preference) {
@view-transition {
/* biome-ignore lint: noUnknownProperty */
navigation: auto;
}
}