mirror of
https://github.com/immich-app/immich.git
synced 2025-12-23 01:11:36 +03:00
4a0045db44
* feat(web): max grid row height responsive
* also gallery-viewer
* lint
* feat(web): support long-press selection on mobile web
* use svelte-gestures
* fix test
* Bug fix
* globalThis
* format
* revert generator
* Testing
* bad merge
* Fix typo/tap on thumbnail
* feat: shrink header on small screens (#16909)
* feat(web): shrink header on small screens
* fix test
* test
* Fix test
* Revert user-page-layout chagne
* Restore icons sizes, make consistent, improve logo responsiveness
* remove 4 more pix, lint
* lint
* chore
---------
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
* Revert "Testing"
This reverts commit 442f11c9e1.
---------
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
31 lines
1.0 KiB
Svelte
31 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import OnboardingCard from './onboarding-card.svelte';
|
|
import Button from '$lib/components/elements/buttons/button.svelte';
|
|
import { mdiArrowRight } from '@mdi/js';
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import ImmichLogo from '$lib/components/shared-components/immich-logo.svelte';
|
|
import { user } from '$lib/stores/user.store';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
interface Props {
|
|
onDone: () => void;
|
|
}
|
|
|
|
let { onDone }: Props = $props();
|
|
</script>
|
|
|
|
<OnboardingCard>
|
|
<ImmichLogo noText class="h-[50px]" />
|
|
<p class="font-medium text-6xl my-6 text-immich-primary dark:text-immich-dark-primary">
|
|
{$t('onboarding_welcome_user', { values: { user: $user.name } })}
|
|
</p>
|
|
<p class="text-3xl pb-6 font-light">{$t('onboarding_welcome_description')}</p>
|
|
|
|
<div class="w-full flex place-content-end">
|
|
<Button class="flex gap-2 place-content-center" onclick={() => onDone()}>
|
|
<p>{$t('theme')}</p>
|
|
<Icon path={mdiArrowRight} size="18" />
|
|
</Button>
|
|
</div>
|
|
</OnboardingCard>
|