ui cleanup
This commit is contained in:
parent
b6a365cde1
commit
54355fc942
6 changed files with 83 additions and 75 deletions
|
|
@ -1,43 +1,33 @@
|
|||
<div class="text-2xl">
|
||||
<h1 class="text-center m-5">Reset Password</h1>
|
||||
<x-layouts.auth>
|
||||
<div class="text-2xl text-white flex flex-col items-center gap-10 py-6 min-h-screen">
|
||||
<x-ui.site-logo class="w-50 mt-4"/>
|
||||
|
||||
<form class="flex flex-col gap-5" wire:submit="resetPassword">
|
||||
@csrf
|
||||
@if($errors->any())
|
||||
<div class="text-red-500">
|
||||
@foreach($errors->all() as $error)
|
||||
<p>{{$error}}</p>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
<x-ui.card class="w-full max-w-md">
|
||||
<form class="flex flex-col gap-5 w-full" wire:submit="resetPassword">
|
||||
@csrf
|
||||
@if($errors->any())
|
||||
<div class="text-red-500">
|
||||
@foreach($errors->all() as $error)
|
||||
<p>{{$error}}</p>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="flex flex-col">
|
||||
<label class="py-5" for="email">Email</label>
|
||||
<input
|
||||
class="bg-white"
|
||||
type="email"
|
||||
name="email"
|
||||
wire:model.live="form.email"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label class="py-5" for="password">Password</label>
|
||||
<input
|
||||
class="bg-white"
|
||||
type="password"
|
||||
name="password"
|
||||
wire:model.live="form.password"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label class="py-5" for="password_confirmation">Confirm Password</label>
|
||||
<input
|
||||
class="bg-white"
|
||||
type="password"
|
||||
name="password_confirmation"
|
||||
wire:model.live="form.password_confirmation"
|
||||
/>
|
||||
</div>
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
<label class="font-bold" for="email">Email</label>
|
||||
<input class="bg-white p-2" type="email" name="email" wire:model.live="form.email"/>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
<label class="font-bold" for="password">Password</label>
|
||||
<input class="bg-white p-2" type="password" name="password" wire:model.live="form.password"/>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
<label class="font-bold" for="password_confirmation">Confirm Password</label>
|
||||
<input class="bg-white p-2" type="password" name="password_confirmation" wire:model.live="form.password_confirmation"/>
|
||||
</div>
|
||||
|
||||
<button class="bg-green-400 rounded p-2" type="submit">Reset Password</button>
|
||||
</form>
|
||||
</x-ui.card>
|
||||
</div>
|
||||
</x-layouts.auth>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue