Model: Qwen 3.6 35B A3

Prompt: use 'https://app.clockify.me/signup' design to make login and register buttons link to acutal login and register pages on the project. We don't need "Continue with X" social buttons, only method of authentiction for now will be email/password

Stats:
Context: 88,970 tokens
Time: 37m 48s
This commit is contained in:
Darius Rapalis
2026-04-28 20:41:14 +03:00
parent fdfe3cd7c7
commit 646164c85d
7 changed files with 142 additions and 112 deletions

View File

@@ -12,7 +12,7 @@ import { email } from '@/routes/password';
defineOptions({
layout: {
title: 'Forgot password',
description: 'Enter your email to receive a password reset link',
description: 'Enter your email and we\'ll send you a link to reset your password',
},
});
@@ -26,15 +26,15 @@ defineProps<{
<div
v-if="status"
class="mb-4 text-center text-sm font-medium text-green-600"
class="mb-2 text-center text-sm font-medium text-green-600"
>
{{ status }}
</div>
<div class="space-y-6">
<div class="space-y-5">
<Form v-bind="email.form()" v-slot="{ errors, processing }">
<div class="grid gap-2">
<Label for="email">Email address</Label>
<Label for="email" class="text-sm font-medium text-[#333]">Email address</Label>
<Input
id="email"
type="email"
@@ -42,25 +42,26 @@ defineProps<{
autocomplete="off"
autofocus
placeholder="email@example.com"
class="h-11 bg-[#f2f6f8] border-[#e9e9ed] text-[#0a0e10] placeholder:text-[#9ba8b0] focus:bg-white focus:border-[#03a9f4] focus:ring-[#03a9f4]"
/>
<InputError :message="errors.email" />
</div>
<div class="my-6 flex items-center justify-start">
<div class="pt-2">
<Button
class="w-full"
class="w-full h-11 bg-[#03a9f4] hover:bg-[#0298dd] text-base font-medium"
:disabled="processing"
data-test="email-password-reset-link-button"
>
<Spinner v-if="processing" />
Email password reset link
<span v-else>Email password reset link</span>
</Button>
</div>
</Form>
<div class="space-x-1 text-center text-sm text-muted-foreground">
<div class="text-center text-sm text-[#607d8b]">
<span>Or, return to</span>
<TextLink :href="login()">log in</TextLink>
<TextLink :href="login()" class="text-[#03a9f4] hover:text-[#0288d1] decoration-transparent hover:decoration-current underline-offset-4">log in</TextLink>
</div>
</div>
</template>