helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: auth pages (#15328)

Browse source
This commit is contained in:
Jason Rasmussen 2025-01-14 09:14:28 -05:00 • committed by GitHub
parent 9e1651ef66
commit f70ee3f350
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 294 additions and 362 deletions
Download patch file Download diff file Expand all files Collapse all files

36
web/src/lib/components/shared-components/fullscreen-container.svelte
View file

@ -1,36 +0,0 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import ImmichLogo from './immich-logo.svelte';
interface Props {
title: string;
message?: Snippet;
showMessage?: boolean;
children?: Snippet;
}
let { title, message, showMessage = message != undefined, children }: Props = $props();
</script>
<section class="min-w-screen flex min-h-screen place-content-center place-items-center p-4">
<div
class="flex w-full max-w-lg flex-col gap-4 rounded-3xl border bg-white p-8 shadow-sm dark:border-immich-dark-gray dark:bg-immich-dark-gray"
>
<div class="flex flex-col place-content-center place-items-center gap-4 py-4">
<ImmichLogo noText class="h-24 w-24" />
<h1 class="text-2xl font-medium text-immich-primary dark:text-immich-dark-primary">
{title}
</h1>
</div>
{#if showMessage}
<div
class="w-full rounded-xl border-2 border-immich-primary bg-immich-primary/5 p-4 text-sm font-medium text-immich-primary dark:border-immich-dark-bg dark:text-immich-dark-primary"
>
{@render message?.()}
</div>
{/if}
{@render children?.()}
</div>
</section>