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

29
resources/js/layouts/auth/AuthSimpleLayout.vue
View File

@@ -1,6 +1,5 @@
<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
import AppLogoIcon from '@/components/AppLogoIcon.vue';
import { home } from '@/routes';
defineProps<{
@@ -11,27 +10,33 @@ defineProps<{
<template>
<div
class="flex min-h-svh flex-col items-center justify-center gap-6 bg-background p-6 md:p-10"
class="flex min-h-screen flex-col items-center justify-center bg-[#f2f6f8] p-6"
>
<div class="w-full max-w-sm">
<div class="w-full max-w-[440px]">
<div class="flex flex-col gap-8">
<div class="flex flex-col items-center gap-4">
<Link
:href="home()"
class="flex flex-col items-center gap-2 font-medium"
>
<div
class="mb-1 flex h-9 w-9 items-center justify-center rounded-md"
>
<AppLogoIcon
class="size-9 fill-current text-[var(--foreground)] dark:text-white"
/>
<div class="flex h-14 w-14 items-center justify-center">
<svg
class="h-14 w-14 fill-current text-[#03a9f4]"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="32" cy="32" r="30" fill="#03a9f4" />
<circle cx="32" cy="32" r="26" fill="white" />
<rect x="30" y="12" width="4" height="18" rx="2" fill="#03a9f4" />
<rect x="30" y="28" width="4" height="20" rx="2" fill="#333" transform="rotate(60 32 32)" />
<circle cx="32" cy="32" r="3" fill="#03a9f4" />
</svg>
</div>
<span class="sr-only">{{ title }}</span>
<span class="sr-only">ClockyLog</span>
</Link>
<div class="space-y-2 text-center">
<h1 class="text-xl font-medium">{{ title }}</h1>
<p class="text-center text-sm text-muted-foreground">
<h1 class="text-2xl font-semibold text-[#333]">{{ title }}</h1>
<p class="text-sm text-[#607d8b]">
{{ description }}
</p>
</div>