Merge pull request #2012 from mashehu/fix-view-transitions

Fix view transitions by downgrading fallback behaviour

package.json

@@ -26,14 +26,14 @@
         "@astrojs/rss": "^3.0.0",
         "@astrojs/sitemap": "^3.0.0",
         "@astrojs/svelte": "^4.0.2",
-        "@aws-sdk/client-s3": "^3.420.0",
-        "@aws-sdk/credential-provider-node": "^3.418.0",
+        "@aws-sdk/client-s3": "^3.423.0",
+        "@aws-sdk/credential-provider-node": "^3.423.0",
         "@docsearch/js": "^3.5.2",
-        "@fontsource-variable/inter": "^5.0.8",
-        "@fontsource-variable/maven-pro": "^5.0.8",
-        "@fontsource-variable/open-sans": "^5.0.14",
+        "@fontsource-variable/inter": "^5.0.12",
+        "@fontsource-variable/maven-pro": "^5.0.12",
+        "@fontsource-variable/open-sans": "^5.0.15",
         "@nanostores/persistent": "^0.9.1",
-        "astro": "^3.2.1",
+        "astro": "^3.2.2",
         "astro-icon": "^0.8.1",
         "bootstrap": "^5.3.2",
         "bootstrap-print-css": "^1.0.1",
@@ -67,17 +67,17 @@
         "remark-emoji": "^4.0.0",
         "remark-gfm": "^3.0.1",
         "remark-math": "^5.1.1",
-        "satori": "^0.10.3",
+        "satori": "^0.10.8",
         "satori-html": "^0.3.2",
         "sharp": "^0.32.6",
         "shiki": "^0.14.4",
         "svelte": "^4.2.1",
-        "svelte-confetti": "^1.3.0",
+        "svelte-confetti": "^1.3.1",
         "svelte-exmarkdown": "^3.0.1",
         "svelte-fast-marquee": "^0.7.0",
         "ts-dedent": "^2.2.0",
         "unist-util-visit": "^5.0.0",
-        "vite": "^4.4.9",
+        "vite": "^4.4.10",
         "yaml": "^2.3.2",
         "yoga-wasm-web": "^0.3.3",
         "youtube-player": "^5.6.0"

src/components/BaseHead.astro

@@ -43,7 +43,7 @@ const { title, description, image = '/social_img.png', docSearchTags = [], viewT
 <meta property="twitter:description" content={description} />
 <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
-{viewTransitions && <ViewTransitions fallback="swap" />}
+{viewTransitions && <ViewTransitions fallback="none" />}
 
 <!-- DocSearch -->
 {docSearchTags.map(({ name, content }) => <meta name={'docsearch:' + name} content={content} />)}

src/components/TabBar.astro

@@ -69,3 +69,8 @@ if (!activeItem) {
         <slot />
     </div>
 </div>
+<style>
+    .nav-item i {
+        margin-right: 0.5rem;
+    }
+</style>