cjones/immich
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): immich-ui components (#14263)

Browse Source 
* feat: add immich-ui to auth pages

* fix: welcome icon

* styling

* fix: mobile padding

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Jason Rasmussen
2025-01-14 14:53:33 -05:00
committed by GitHub
parent 073fccb517
commit b9000d8770
13 changed files with 345 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/+page.svelte
+5 -6
View File
@@ -1,17 +1,16 @@
<script lang="ts">
import Button from '$lib/components/elements/buttons/button.svelte';
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
import { AppRoute } from '$lib/constants';
import { Heading, Button, Logo } from '@immich/ui';
import { t } from 'svelte-i18n';
</script>
<section class="flex h-screen w-screen place-content-center place-items-center">
<div class="flex max-w-[350px] flex-col place-items-center gap-8 text-center">
<div class="flex max-w-[350px] flex-col place-items-center gap-10 text-center">
<div class="flex place-content-center place-items-center">
<ImmichLogo noText class="text-center" height="200" width="200" />
<Logo variant="icon" class="text-center" size="landing" />
</div>
<h1 class="text-4xl font-bold text-immich-primary dark:text-immich-dark-primary">{$t('welcome_to_immich')}</h1>
<Button href={AppRoute.AUTH_REGISTER} size="lg" rounded="lg">
<Heading size="giant" color="primary">{$t('welcome_to_immich')}</Heading>
<Button href={AppRoute.AUTH_REGISTER} size="giant" shape="round">
<span class="px-2 font-bold">{$t('getting_started')}</span>
</Button>
</div>