ARCHIVE/xahau-web
3
0
Fork 0
mirror of https://github.com/Xahau/xahau-web.git synced 2025-12-06 17:27:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

use @view-transition instead ClientRouter

Browse Source
This commit is contained in:
tequ
2025-07-03 22:55:58 +09:00
parent 70855ab49e
commit e6247c3181
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/BaseLayout.astro
View File

@@ -1,5 +1,4 @@
---
import { ClientRouter } from 'astro:transitions'
import CookieConsent from '../components/CookieConsent.astro'
import Footer from '../components/Footer.astro'
import Header from '../components/Header.jsx'
@@ -18,7 +17,6 @@ const description = Astro.props.frontmatter?.description
<link rel="shortcut icon" href="/favicon.svg" type="image/svg+xml">
<meta charset="UTF-8" />
<title>{title}</title>
<ClientRouter />
<meta name="description" content={description} />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap" rel="stylesheet" />
@@ -39,7 +37,7 @@ 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 />

4
src/layouts/DocsLayout.astro
View File

@@ -1,6 +1,5 @@
---
import '../styles/docs.css'
import { ClientRouter } from 'astro:transitions'
import CookieConsent from '../components/CookieConsent.astro'
import DocsMobileMenuToggle from '../components/DocsMobileMenuToggle.astro'
import Footer from '../components/Footer.astro'
@@ -10,8 +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">
<ClientRouter/>
<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>

7
src/styles/global.css
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;
}
}