mirror of
https://github.com/immich-app/immich.git
synced 2025-12-17 09:13:17 +03:00
b9000d8770
* feat: add immich-ui to auth pages * fix: welcome icon * styling * fix: mobile padding --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
26 lines
697 B
Svelte
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-xl 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>
|