erman/scan-wave
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Looking much better
All checks were successful
Build Docker image / build (pull_request) Successful in 1m47s
Details

Browse Source
This commit is contained in:
Roman Krček
2025-06-21 23:34:49 +02:00
parent 4468d03103
commit 8cc59b89da
7 changed files with 137 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/auth/+page.svelte
View File

@@ -1,2 +1,14 @@
<a href="/auth/login"><button>Login</button></a>
<a href="/auth/singup"><button>Signup</button></a>
<div class="flex items-center justify-center min-h-screen">
<div class="flex flex-col space-y-4">
<a href="/auth/login">
<button class="w-40 py-2 bg-white border border-gray-300 text-gray-800 rounded hover:border-gray-400 transition">
Login
</button>
</a>
<a href="/auth/singup">
<button class="w-40 py-2 bg-white border border-gray-300 text-gray-800 rounded hover:border-gray-400 transition">
Signup
</button>
</a>
</div>
</div>

44
src/routes/auth/login/+page.svelte
View File

@@ -1,11 +1,33 @@
<form method="POST" action="?/login">
<label>
Email
<input name="email" type="email" />
</label>
<label>
Password
<input name="password" type="password" />
</label>
<button>Login</button>
</form>
<div class="flex items-center justify-center min-h-screen bg-gray-50">
<form method="POST" action="?/login" class="flex flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-80 shadow-none">
<h2 class="text-2xl font-semibold text-center mb-4">Login</h2>
<label class="flex flex-col text-gray-700">
Email
<input
name="email"
type="email"
class="mt-1 px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-200"
required
/>
</label>
<label class="flex flex-col text-gray-700">
Password
<input
name="password"
type="password"
class="mt-1 px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-200"
required
/>
</label>
<button
type="submit"
class="w-full py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition"
>
Login
</button>
<div class="text-center text-sm text-gray-500 mt-2">
Don't have an account?
<a href="/auth/signup" class="text-blue-600 hover:underline">Signup</a>
</div>
</form>
</div>

58
src/routes/auth/signup/+page.svelte
View File

@@ -1,15 +1,43 @@
<form method="POST" action="?/login">
<label>
Email
<input name="email" type="email" />
</label>
<label>
Password
<input name="password" type="password" />
</label>
<label>
Display name
<input name="display_name" type="text" />
</label>
<button formaction="?/signup">Sign up</button>
</form>
<div class="flex items-center justify-center min-h-screen bg-gray-50">
<form method="POST" action="?/login" class="flex flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-80 shadow-none">
<h2 class="text-2xl font-semibold text-center mb-4">Sign Up</h2>
<label class="flex flex-col text-gray-700">
Email
<input
name="email"
type="email"
class="mt-1 px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-200"
required
/>
</label>
<label class="flex flex-col text-gray-700">
Password
<input
name="password"
type="password"
class="mt-1 px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-200"
required
/>
</label>
<label class="flex flex-col text-gray-700">
Display name
<input
name="display_name"
type="text"
class="mt-1 px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-200"
required
/>
</label>
<button
type="submit"
formaction="?/signup"
class="w-full py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition"
>
Sign up
</button>
<div class="text-center text-sm text-gray-500 mt-2">
Already have an account?
<a href="/auth/login" class="text-blue-600 hover:underline">Login</a>
</div>
</form>
</div>