immich/web/src/lib/components/layouts/AuthPageLayout.svelte
Jason Rasmussen a60da1ccab
refactor: migrate create user form to immich ui (#15350)
* refactor: migrate create user form to immich ui

* minor styling tweak

* remove unintentional commit

* revert formating diff

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
2025-01-15 15:09:19 -05:00

26 lines
697 B
Svelte

<script lang="ts">
import { Card, CardBody, CardHeader, Heading, Logo, VStack } from '@immich/ui';
import type { Snippet } from 'svelte';
interface Props {
title: string;
children?: Snippet;
}
let { title, children }: Props = $props();
</script>
<section class="min-w-screen flex min-h-screen items-center justify-center">
<Card color="secondary" class="w-full max-w-lg border m-2">
<CardHeader class="mt-6">
<VStack>
<Logo variant="icon" size="giant" />
<Heading size="large" class="font-semibold" color="primary">{title}</Heading>
</VStack>
</CardHeader>
<CardBody>
{@render children?.()}
</CardBody>
</Card>
</section>