BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Renaming transition and adding to the auth layout.

Browse source
This commit is contained in:
Bradley Shellnut 2023-09-19 12:48:39 +12:00
parent 3ead1dc357
commit 140b312916
4 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/transition/index.svelte → src/lib/components/transition.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { fade, fly } from 'svelte/transition';
import { fade } from 'svelte/transition';
interface Transition {
type: 'fade' | 'stagger' | 'page';

2
src/routes/(app)/+layout.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts">
import 'iconify-icon';
import Transition from '$lib/components/transition/index.svelte';
import Transition from '$lib/components/transition.svelte';
import Header from '$lib/components/header/index.svelte';
import Footer from '$lib/components/footer.svelte';

9
src/routes/(auth)/+layout.server.ts Normal file
View file

@ -0,0 +1,9 @@
import { loadFlash } from 'sveltekit-flash-message/server';
import type { LayoutServerLoad } from './$types';
export const load: LayoutServerLoad = loadFlash(async ({ url, locals }) => {
return {
url: url.pathname,
user: locals.user
};
});

8
src/routes/(auth)/+layout.svelte
View file

@ -2,6 +2,9 @@
import { page } from "$app/stores";
import { Button } from "$lib/components/ui/button";
import Logo from "$lib/components/logo.svelte";
import Transition from '$lib/components/transition.svelte';
export let data;
</script>
<div class="container">
@ -38,9 +41,10 @@
</blockquote>
</div>
</div>
<div class="auth-form">
<slot />
<Transition url={data.url} transition={{ type: 'page' }}>
<slot />
</Transition>
</div>
</div>