ruangrupa/kios-webapp
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use new ViewTransition

Browse Source 
Signed-off-by: Max Schmidt <max.schmidt@outlook.de>
This commit is contained in:
Max Schmidt 2023-07-28 17:22:41 +02:00
parent 25f50c90f6
commit 6c14f1cbad
4 changed files with 13 additions and 5822 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
astro/astro.config.mjs
View File

@ -9,6 +9,9 @@ export default defineConfig({
build: { build: {
inlineStylesheets: "auto", inlineStylesheets: "auto",
}, },
experimental: {
viewTransitions: true,
},
integrations: [ integrations: [
tailwind({ tailwind({
config: { config: {

5819
astro/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
astro/src/layouts/Layout.astro
View File

@ -1,5 +1,6 @@
--- ---
import "@/global.css"; import "@/global.css";
import ViewTransitions from "astro/components/ViewTransitions.astro";
export interface Props { export interface Props {
title: string; title: string;
} }
@ -13,8 +14,11 @@ const { title } = Astro.props;
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>{title}</title> <title>{title}</title>
<ViewTransitions/>
</head> </head>
<body class="font-plex bg-gray max-w-7xl mx-auto py-8 text-gray-200 px-6"> <body class="font-plex bg-gray max-w-7xl mx-auto py-8 text-gray-200 px-6">
<slot /> <div transition:animate="fade">
<slot />
</div>
</body> </body>
</html> </html>

7
astro/src/types.ts
View File

@ -1,6 +1,7 @@
/* tslint:disable */ /* tslint:disable */
/* eslint-disable */
/** /**
* This file was automatically generated by Payload CMS. * This file was automatically generated by Payload.
* DO NOT MODIFY IT BY HAND. Instead, modify your source Payload config, * DO NOT MODIFY IT BY HAND. Instead, modify your source Payload config,
* and re-run `payload generate:types` to regenerate this file. * and re-run `payload generate:types` to regenerate this file.
*/ */
@ -30,9 +31,11 @@ export interface User {
name?: string; name?: string;
updatedAt: string; updatedAt: string;
createdAt: string; createdAt: string;
email?: string; email: string;
resetPasswordToken?: string; resetPasswordToken?: string;
resetPasswordExpiration?: string; resetPasswordExpiration?: string;
salt?: string;
hash?: string;
loginAttempts?: number; loginAttempts?: number;
lockUntil?: string; lockUntil?: string;
password?: string; password?: string;