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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user