Use better page transistions

2026-03-22 21:54:24 +01:00
parent e6e17d880e
commit d5fb608091
8 changed files with 21 additions and 19 deletions
@@ -34,8 +34,8 @@ const chapters = allPages.reduce((acc, p) => {
 }, {} as Record<string, typeof allPages>);
 ---
 <BaseLayout title={page.data.title} theme="book">
-  <div class="glass-container content prose">
-    <h1>{page.data.title}</h1>
+  <div class="glass-container content prose" style="view-transition-name:main-glass;">
+    <h1 style={`view-transition-name: book-headline-${page.id.replaceAll("/", "-")};`}>{page.data.title}</h1>
    <Content />
  </div>