mirror of
https://github.com/samsonjs/immich.git
synced 2026-04-27 15:07:45 +00:00
fix(web): allow exiting pin setup flow (#25413)
This commit is contained in:
parent
0bae88bef6
commit
083ee0b5fe
1 changed files with 9 additions and 11 deletions
|
|
@ -40,9 +40,9 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<AuthPageLayout withHeader={false}>
|
<AuthPageLayout withHeader={false}>
|
||||||
{#if hasPinCode}
|
<div class="flex items-center justify-center">
|
||||||
<div class="flex items-center justify-center">
|
<div class="w-96 flex flex-col gap-6 items-center justify-center">
|
||||||
<div class="w-96 flex flex-col gap-6 items-center justify-center">
|
{#if hasPinCode}
|
||||||
{#if isVerified}
|
{#if isVerified}
|
||||||
<div in:fade={{ duration: 200 }}>
|
<div in:fade={{ duration: 200 }}>
|
||||||
<Icon icon={mdiLockOpenVariantOutline} size="64" class="text-success/90" />
|
<Icon icon={mdiLockOpenVariantOutline} size="64" class="text-success/90" />
|
||||||
|
|
@ -64,13 +64,7 @@
|
||||||
pinLength={6}
|
pinLength={6}
|
||||||
onFilled={handleUnlockSession}
|
onFilled={handleUnlockSession}
|
||||||
/>
|
/>
|
||||||
|
{:else}
|
||||||
<Button type="button" color="secondary" onclick={() => goto(Route.photos())}>{$t('cancel')}</Button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{:else}
|
|
||||||
<div class="flex items-center justify-center">
|
|
||||||
<div class="w-96 flex flex-col gap-6 items-center justify-center">
|
|
||||||
<div class="text-primary">
|
<div class="text-primary">
|
||||||
<Icon icon={mdiLockSmart} size="64" />
|
<Icon icon={mdiLockSmart} size="64" />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -78,7 +72,11 @@
|
||||||
{$t('new_pin_code_subtitle')}
|
{$t('new_pin_code_subtitle')}
|
||||||
</p>
|
</p>
|
||||||
<PinCodeCreateForm showLabel={false} onCreated={() => (hasPinCode = true)} />
|
<PinCodeCreateForm showLabel={false} onCreated={() => (hasPinCode = true)} />
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<div class={hasPinCode ? '' : 'flex w-full items-start'}>
|
||||||
|
<Button type="button" color="secondary" onclick={() => goto(Route.photos())}>{$t('cancel')}</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
</div>
|
||||||
</AuthPageLayout>
|
</AuthPageLayout>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue