365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support for View Transitions. Fix issue #290

Browse Source
This commit is contained in:
prototypa
2023-12-03 12:12:49 -05:00
parent dfcccf436b
commit 132788934f
2 changed files with 48 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/layouts/Layout.astro
View File

@@ -1,17 +1,20 @@
---
import '~/assets/styles/tailwind.css';
import { I18N } from "~/utils/config";
import { I18N } from '~/utils/config';
import CommonMeta from '~/components/common/CommonMeta.astro';
import Favicons from '~/components/Favicons.astro';
import CustomStyles from "~/components/CustomStyles.astro"
import ApplyColorMode from "~/components/common/ApplyColorMode.astro"
import CustomStyles from '~/components/CustomStyles.astro';
import ApplyColorMode from '~/components/common/ApplyColorMode.astro';
import Metadata from '~/components/common/Metadata.astro';
import SiteVerification from "~/components/common/SiteVerification.astro"
import Analytics from "~/components/common/Analytics.astro"
import SiteVerification from '~/components/common/SiteVerification.astro';
import Analytics from '~/components/common/Analytics.astro';
import BasicScripts from '~/components/common/BasicScripts.astro';
// Uncomment line below to activate View Transitions
// import { ViewTransitions } from 'astro:transitions';
import type { MetaData as MetaDataType } from '~/types';
export interface Props {
@@ -22,9 +25,8 @@ const { metadata = {} } = Astro.props;
const { language, textDirection } = I18N;
---
<!DOCTYPE html>
<!doctype html>
<html lang={language} dir={textDirection} class="2xl:text-[20px]">
<head>
<CommonMeta />
<Favicons />
@@ -33,6 +35,9 @@ const { language, textDirection } = I18N;
<Metadata {...metadata} />
<SiteVerification />
<Analytics />
<!-- Uncomment line below to activate View Transitions -->
<!-- <ViewTransitions fallback="swap" /> -->
</head>
<body class="antialiased text-default bg-page tracking-tight">