flambeaux/flbxcup
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init commit

Browse source
This commit is contained in:
unurled 2025-06-23 23:12:40 +02:00
commit c9d982669a
461 changed files with 30317 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

38
resources/js/layouts/auth/AuthCardLayout.svelte Normal file
View file

@ -0,0 +1,38 @@
<script lang="ts">
import AppLogoIcon from '@/components/AppLogoIcon.svelte';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Link } from '@inertiajs/svelte';
import type { Snippet } from 'svelte';
interface Props {
title: string;
description: string;
children?: Snippet;
}
let { title, description, children }: Props = $props();
</script>
<div class="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">
<div class="flex w-full max-w-md flex-col gap-6">
<Link href={route('home')} class="flex items-center gap-2 self-center font-medium">
<div class="flex h-9 w-9 items-center justify-center">
<AppLogoIcon class="size-9 fill-current text-black dark:text-white" />
</div>
</Link>
<div class="flex flex-col gap-6">
<Card class="rounded-xl">
<CardHeader class="px-10 pb-0 pt-8 text-center">
<CardTitle class="text-xl">{title}</CardTitle>
<CardDescription>
{description}
</CardDescription>
</CardHeader>
<CardContent class="px-10 py-8">
{@render children?.()}
</CardContent>
</Card>
</div>
</div>
</div>

33
resources/js/layouts/auth/AuthSimpleLayout.svelte Normal file
View file

@ -0,0 +1,33 @@
<script lang="ts">
import AppLogoIcon from '@/components/AppLogoIcon.svelte';
import { Link } from '@inertiajs/svelte';
import type { Snippet } from 'svelte';
interface Props {
title: string;
description: string;
children?: Snippet;
}
let { title, description, children }: Props = $props();
</script>
<div class="flex min-h-svh flex-col items-center justify-center gap-6 bg-background p-6 md:p-10">
<div class="w-full max-w-sm">
<div class="flex flex-col gap-8">
<div class="flex flex-col items-center gap-4">
<Link href={route('home')} class="flex flex-col items-center gap-2 font-medium">
<div class="mb-1 flex h-9 w-9 items-center justify-center rounded-md">
<AppLogoIcon class="size-9 fill-current text-[var(--foreground)] dark:text-white" />
</div>
<span class="sr-only">{title}</span>
</Link>
<div class="space-y-2 text-center">
<h1 class="text-xl font-medium">{title}</h1>
<p class="text-center text-sm text-muted-foreground">{description}</p>
</div>
</div>
{@render children?.()}
</div>
</div>
</div>

47
resources/js/layouts/auth/AuthSplitLayout.svelte Normal file
View file

@ -0,0 +1,47 @@
<script lang="ts">
import AppLogoIcon from '@/components/AppLogoIcon.svelte';
import { Link, page } from '@inertiajs/svelte';
import type { Snippet } from 'svelte';
const name = $page.props.name;
const quote = $page.props.quote;
interface Props {
title: string;
description: string;
children?: Snippet;
}
let { title, description, children }: Props = $props();
</script>
<div class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
<div class="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
<div class="absolute inset-0 bg-zinc-900"></div>
<Link href={route('home')} class="relative z-20 flex items-center text-lg font-medium">
<AppLogoIcon class="mr-2 size-8 fill-current text-white" />
{name}
</Link>
{#if quote}
<div class="relative z-20 mt-auto">
<blockquote class="space-y-2">
<p class="text-lg">&ldquo;{quote.message}&rdquo;</p>
<footer class="text-sm text-neutral-300">{quote.author}</footer>
</blockquote>
</div>
{/if}
</div>
<div class="lg:p-8">
<div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
<div class="flex flex-col space-y-2 text-center">
{#if title}
<h1 class="text-xl font-medium tracking-tight">{title}</h1>
{/if}
{#if description}
<p class="text-sm text-muted-foreground">{description}</p>
{/if}
</div>
{@render children?.()}
</div>
</div>
</div>