Move passkey login below the email sign-in form

The divider now sits between the email form and the passkey button,
rather than between the passkey button and the form.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-04 19:54:37 +01:00
co-authored by Claude Sonnet 5
parent 25c2e69afe
commit 9d51ecc367
2 changed files with 12 additions and 12 deletions
+9 -9
View File
@@ -55,15 +55,6 @@ async function onPasskeyLogin() {
<section class="card">
<h1>Log in</h1>
<template v-if="passkeySupported">
<button type="button" class="btn-primary" :disabled="passkeySubmitting" @click="onPasskeyLogin">
{{ passkeySubmitting ? 'Waiting for your passkey' : 'Log in with a passkey' }}
</button>
<p v-if="passkeyError" class="form-error">{{ passkeyError }}</p>
<div class="divider"><span>or</span></div>
</template>
<p class="muted">
Enter your email and we'll send you a link to sign in — no password
needed. New here? The same link creates your account.
@@ -93,5 +84,14 @@ async function onPasskeyLogin() {
{{ submitting ? 'Sending' : 'Send sign-in link' }}
</button>
</form>
<template v-if="passkeySupported">
<div class="divider"><span>or</span></div>
<button type="button" class="btn-primary" :disabled="passkeySubmitting" @click="onPasskeyLogin">
{{ passkeySubmitting ? 'Waiting for your passkey' : 'Log in with a passkey' }}
</button>
<p v-if="passkeyError" class="form-error">{{ passkeyError }}</p>
</template>
</section>
</template>