Files for my website
bwc9876.dev
Re-add View Transitions
+5
-2
+5
-2
src/layouts/Layout.astro
+5
-2
src/layouts/Layout.astro
···
7
7
import IconLink from "@components/IconLink.astro";
8
8
import "@styles/style.css";
9
9
import type { ImageMetadata } from "astro";
10
+
import { ClientRouter } from "astro:transitions";
10
11
11
12
export interface Props {
12
13
title: string;
···
66
67
title="Ben C's Blog"
67
68
href={new URL("feed.xml", Astro.site)}
68
69
/>
70
+
<ClientRouter />
69
71
</head>
70
72
<body id="top">
71
73
<header class="container">
···
89
91
<Socials labelPlacement="bottom" />
90
92
</nav>
91
93
</header>
92
-
<main class="container">
94
+
<main transition:name="main" class="container">
93
95
<slot />
94
96
</main>
95
-
<footer class="container colrow-lg">
97
+
<footer transition:name="footer" class="container colrow-lg">
96
98
<p>
97
99
<IconLink
98
100
label="Back To Top"
···
118
120
gap: var(--4);
119
121
min-height: 100vh;
120
122
width: 100vw;
123
+
overflow-x: hidden;
121
124
--section-border: 1px solid var(--accent);
122
125
}
123
126