rdarius/ClockyFly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Model: Qwen 3.6 35B A3

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/js/pages/auth/ResetPassword.vue
View File

@@ -3,16 +3,18 @@ import { Form, Head } from '@inertiajs/vue3';
import { ref } from 'vue';
import InputError from '@/components/InputError.vue';
import PasswordInput from '@/components/PasswordInput.vue';
import TextLink from '@/components/TextLink.vue';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Spinner } from '@/components/ui/spinner';
import { login } from '@/routes';
import { update } from '@/routes/password';
defineOptions({
layout: {
title: 'Reset password',
description: 'Please enter your new password below',
description: 'Enter your new password below',
},
});
@@ -33,55 +35,60 @@ const inputEmail = ref(props.email);
:reset-on-success="['password', 'password_confirmation']"
v-slot="{ errors, processing }"
>
<div class="grid gap-6">
<div class="grid gap-5">
<div class="grid gap-2">
<Label for="email">Email</Label>
<Label for="email" class="text-sm font-medium text-[#333]">Email</Label>
<Input
id="email"
type="email"
name="email"
autocomplete="email"
v-model="inputEmail"
class="mt-1 block w-full"
class="h-11 bg-[#f2f6f8] border-[#e9e9ed] text-[#0a0e10] cursor-not-allowed"
readonly
/>
<InputError :message="errors.email" class="mt-2" />
</div>
<div class="grid gap-2">
<Label for="password">Password</Label>
<Label for="password" class="text-sm font-medium text-[#333]">Password</Label>
<PasswordInput
id="password"
name="password"
autocomplete="new-password"
class="mt-1 block w-full"
autofocus
placeholder="Password"
class="bg-[#f2f6f8] border-[#e9e9ed] text-[#0a0e10] placeholder:text-[#9ba8b0] focus:bg-white focus:border-[#03a9f4] focus:ring-[#03a9f4]"
/>
<InputError :message="errors.password" />
</div>
<div class="grid gap-2">
<Label for="password_confirmation"> Confirm password </Label>
<Label for="password_confirmation" class="text-sm font-medium text-[#333]">Confirm password</Label>
<PasswordInput
id="password_confirmation"
name="password_confirmation"
autocomplete="new-password"
class="mt-1 block w-full"
placeholder="Confirm password"
class="bg-[#f2f6f8] border-[#e9e9ed] text-[#0a0e10] placeholder:text-[#9ba8b0] focus:bg-white focus:border-[#03a9f4] focus:ring-[#03a9f4]"
/>
<InputError :message="errors.password_confirmation" />
</div>
<Button
type="submit"
class="mt-4 w-full"
class="h-11 w-full bg-[#03a9f4] hover:bg-[#0298dd] text-base font-medium"
:disabled="processing"
data-test="reset-password-button"
>
<Spinner v-if="processing" />
Reset password
<span v-else>Reset password</span>
</Button>
</div>
<div class="text-center text-sm text-[#607d8b]">
<span>Or, return to</span>
<TextLink :href="login()" class="text-[#03a9f4] hover:text-[#0288d1] decoration-transparent hover:decoration-current underline-offset-4">log in</TextLink>
</div>
</Form>
</template>