fix: fixing login and forgot password

This commit is contained in:
Paul Couture 2023-12-15 00:53:04 -06:00
parent 81525acb82
commit efba3dff84
5 changed files with 78 additions and 78 deletions

View File

@ -8,3 +8,9 @@
background: $color-primary; background: $color-primary;
} }
} }
.theme-light {
.authbox {
background: $body-bg-light;
border-color: darken($body-bg-light, 10%);
}
}

View File

@ -2,23 +2,19 @@
<div class="mb-4 text-sm text-gray-600 dark:text-gray-400"> <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
{{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }} {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
</div> </div>
{{-- Session Status --}}
<!-- Session Status -->
<x-auth-session-status class="mb-4" :status="session('status')" /> <x-auth-session-status class="mb-4" :status="session('status')" />
<form method="POST" action="{{ route('password.email') }}"> <form method="POST" action="{{ route('password.email') }}">
@csrf @csrf
{{-- Email Address --}}
<!-- Email Address -->
<div> <div>
<x-input-label for="email" :value="__('Email')" /> <x-input-label for="email" :value="__('Email')" />
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus /> <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
<x-input-error :messages="$errors->get('email')" class="mt-2" /> <x-input-error :messages="$errors->get('email')" class="mt-2" />
</div> </div>
<div class="flex items-center justify-end mt-4 mb-4">
<div class="flex items-center justify-end mt-4"> <x-primary-button class="btn btn-gradient btn-medium">
<x-primary-button> <span>{{ __('Email Password Reset Link') }}</span>
{{ __('Email Password Reset Link') }}
</x-primary-button> </x-primary-button>
</div> </div>
</form> </form>

View File

@ -1,51 +1,53 @@
<x-guest-layout> <x-guest-layout>
<!-- Session Status --> <div class="row mt-4 gutter-0">
<div class="col">
<div class="signin-content">
<div class="mb-6">
<h2 class="mb-2">Sign in with your existing account</h2>
<p class="normal">Welcome back! Please enter your credentials to sign in.</p>
</div>
</div>
</div>
</div>
{{-- Session Status --}}
<x-auth-session-status class="mb-4" :status="session('status')" /> <x-auth-session-status class="mb-4" :status="session('status')" />
<form method="POST" action="{{ route('login') }}"> <form method="POST" action="{{ route('login') }}">
@csrf @csrf
{{-- Email Address --}}
<!-- Email Address -->
<div> <div>
<x-input-label for="email" :value="__('Email')" /> <x-input-label for="email" :value="__('Email')" />
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" /> <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
<x-input-error :messages="$errors->get('email')" class="mt-2" /> <x-input-error :messages="$errors->get('email')" class="mt-2" />
</div> </div>
{{-- Password --}}
<!-- Password -->
<div class="mt-4"> <div class="mt-4">
<x-input-label for="password" :value="__('Password')" /> <x-input-label for="password" :value="__('Password')" />
<x-text-input id="password" class="block mt-1 w-full" <x-text-input id="password" class="block mt-1 w-full"
type="password" type="password"
name="password" name="password"
required autocomplete="current-password" /> required autocomplete="current-password" />
<x-input-error :messages="$errors->get('password')" class="mt-2" /> <x-input-error :messages="$errors->get('password')" class="mt-2" />
</div> </div>
{{-- Remember Me --}}
<!-- Remember Me --> <div class="block mt-4 form-check">
<div class="block mt-4"> <input id="remember_me" type="checkbox" class="form-check-input" name="remember">
<label for="remember_me" class="inline-flex items-center"> <label for="remember_me" class="form-check-label">
<input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember"> {{ __('Remember me') }}
<span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
</label> </label>
</div> </div>
<div class="justify-content-end mt-4 mb-4">
<div class="flex items-center justify-end mt-4 mb-4">
@if (Route::has('password.request')) @if (Route::has('password.request'))
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('password.request') }}"> <a class="" href="{{ route('password.request') }}">
{{ __('Forgot your password?') }} {{ __('Forgot your password?') }}
</a> </a>
@endif @endif
<x-primary-button class="ml-3 btn btn-gradient" style="background:#ff512f;"> <x-primary-button class="ml-3 btn btn-gradient" style="background:#ff512f;">
<span>{{ __('Log in') }}</span> <span>{{ __('Log in') }}</span>
</x-primary-button> </x-primary-button>
</div> </div>
</form> </form>
<hr> <hr class="mb-4">
<div class="flex items-center justify-center mt-4 text-grey-600 text-sm dark:text-grey-400"> <div class="">
Not registered yet? <a href="/register" class="ml-3 underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">Register Now</a> Not registered yet? <a href="/register" class="">Register Now</a>
</div> </div>
</x-guest-layout> </x-guest-layout>

View File

@ -1,49 +1,45 @@
<!DOCTYPE html> @extends('layouts.master')
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title> @section('page-title', 'Account')
@include('partials/favicon')
@vite(['resources/scss/app.scss'])
@livewireStyles
@yield('additional_headers')
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
<!-- Scripts --> @section('page-top')
@vite(['resources/css/app.css', 'resources/js/app.js']) <section class="inner-page-banner bg-2 bg-image">
</head> <div class="container">
<body class="antialiased"> <div class="inner text-center">
@include('partials/preloader') <h1 class="title">Sign In</h1>
<div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0"> <nav class="mt-4">
<div> <ol class="breadcrumb justify-content-center">
<a href="/"> <li class="breadcrumb-item"><a href="/">Home</a></li>
<x-application-logo class="w-20 h-20 fill-current" /> <li class="breadcrumb-item active">Account</li>
</a> </ol>
</nav>
</div> </div>
</div>
</section>
@endsection
<div class="authbox w-full sm:max-w-md mt-6 px-6 py-4 shadow-md overflow-hidden sm:rounded-lg"> @section('page-content')
<section class="signup-wrapper signin-wrapper ptb-120">
<div class="container">
{{--
<div class="row align-items-center gutter-0">
<div class="col-xl-6 offset-xl-3 col-lg-12 ">
<div class="signin-content">
<div class="mb-6">
<h2 class="mb-2">Sign in with your existing account</h2>
<p class="normal">Welcome back! Please enter your credentials to sign in.</p>
</div>
</div>
</div>
</div>
--}}
<div class="row">
<div class="col-xl-6 offset-xl-3 col-lg-12">
<div class="authbox">
{{ $slot }} {{ $slot }}
</div> </div>
</div> </div>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/jquery.js"></script> </div>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/jquery.nice-select.min.js"></script> </div>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/modernizer.min.js"></script> </section>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/slick.min.js"></script> @endsection
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/bootstrap.min.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/waypoint.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/js.cookie.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/count-down.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/counter-up.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/isotop.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/imageloaded.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/aos.js"></script>
<script src="{{ config('app.static_asset_url') }}/v3/dist/vendor/js/jquery.custom-file-input.js"></script>
@livewireScriptConfig
@vite(['resources/js/app.js'])
</body>
</html>

View File

@ -51,7 +51,7 @@
--}} --}}
@if (!Auth::user()) @if (!Auth::user())
<li class="wallet-button"> <a href="/login" class="btn btn-gradient btn-small"> <li class="wallet-button"> <a href="/login" class="btn btn-gradient btn-small">
<span><i class="ri-wallet-3-line"></i>Join In</span></a> <span><i class="ri-account-circle-line"></i>Join In</span></a>
</li> </li>
@else @else
<li class="avatar-info"> <a href="#"><img <li class="avatar-info"> <a href="#"><img