dish-planner/app
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

feature - 3 - Improve register page layout

Browse source
This commit is contained in:
myrmidex 2026-01-04 02:42:19 +01:00
parent 197a74ee9b
commit 98230a5ef2
1 changed files with 39 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
resources/views/auth/register.blade.php
View file

@ -1,71 +1,51 @@
@extends('components.layouts.guest')
@section('content')
<h2 class="text-2xl text-center text-accent-blue mb-6">Register</h2>
<h2 class="text-xl text-center text-accent-blue mb-4">Create an account</h2>
<form method="POST" action="{{ route('register') }}">
@csrf
<div>
<label for="name" class="block text-sm font-medium mb-2">Name</label>
<input type="text"
id="name"
<x-input
type="text"
name="name"
value="{{ old('name') }}"
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue @error('name') border-red-500 @enderror"
label="Name"
placeholder="Enter your name"
required
autofocus>
@error('name')
<span class="text-red-500 text-xs block -mt-2 mb-2">{{ $message }}</span>
@enderror
</div>
autofocus
/>
<div>
<label for="email" class="block text-sm font-medium mb-2">Email</label>
<input type="email"
id="email"
<x-input
type="email"
name="email"
value="{{ old('email') }}"
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue @error('email') border-red-500 @enderror"
label="Email"
placeholder="Enter your email"
required>
@error('email')
<span class="text-red-500 text-xs block -mt-2 mb-2">{{ $message }}</span>
@enderror
</div>
required
/>
<div>
<label for="password" class="block text-sm font-medium mb-2">Password</label>
<input type="password"
id="password"
<x-input
type="password"
name="password"
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue @error('password') border-red-500 @enderror"
label="Password"
placeholder="Enter your password"
required>
@error('password')
<span class="text-red-500 text-xs block -mt-2 mb-2">{{ $message }}</span>
@enderror
</div>
required
/>
<div>
<label for="password_confirmation" class="block text-sm font-medium mb-2">Confirm Password</label>
<input type="password"
id="password_confirmation"
<x-input
type="password"
name="password_confirmation"
class="w-full p-2 mb-4 border rounded bg-gray-600 border-secondary text-gray-100 focus:bg-gray-900 focus:outline-none focus:border-accent-blue"
label="Confirm Password"
placeholder="Confirm your password"
required>
</div>
required
/>
<button type="submit" class="w-full py-2 px-4 bg-primary text-white text-xl rounded hover:bg-secondary transition-colors duration-200 mb-4">
<x-button type="submit" class="w-full">
Register
</button>
</x-button>
<div class="text-center">
<a href="{{ route('login') }}" class="text-accent-blue hover:underline text-sm">
Already have an account? Login here
</a>
<div class="text-center mt-4">
<span class="text-sm text-gray-400">Already have an account?</span>
<a href="{{ route('login') }}" class="text-accent-blue hover:underline text-sm ml-1">Login</a>
</div>
</form>
@endsection