Marcel Raddatz
6d0f00c8fb
SignupForm now uses use:enhance for progressive enhancement. Accepts form prop for server-side error display. Shows general form errors in a banner and field-specific errors inline. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
21 lines
570 B
Svelte
21 lines
570 B
Svelte
<script lang="ts">
|
|
import BrandPanel from '$lib/auth/BrandPanel.svelte';
|
|
import SignupForm from '$lib/auth/SignupForm.svelte';
|
|
|
|
let { form } = $props();
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Konto erstellen — Mealprep</title>
|
|
</svelte:head>
|
|
|
|
<!-- Mobile: stacked, Desktop: side by side -->
|
|
<div class="flex min-h-screen flex-col md:flex-row">
|
|
<BrandPanel />
|
|
<div class="flex flex-1 flex-col items-start justify-center px-[20px] py-[24px] md:items-center md:px-[56px] md:py-[48px]">
|
|
<div class="w-full max-w-[380px]">
|
|
<SignupForm {form} />
|
|
</div>
|
|
</div>
|
|
</div>
|