|
@@ -2,15 +2,15 @@
|
|
|
|
|
|
@section('content')
|
|
|
|
|
|
-<div class="container-fluid">
|
|
|
+<div class="container-fluid mt-5">
|
|
|
<div class="row">
|
|
|
<div class="col-xl-10 offset-xl-1">
|
|
|
- <div class="row mx-0">
|
|
|
- <div class="shadow p-lg-5 p-4 border-rounded col-lg-6 offset-lg-3 col-md-8 offset-md-2 my-xl-5 my-4">
|
|
|
+ <div class="row mx-0 justify-content-center">
|
|
|
+ <div class="shadow p-lg-5 p-4 border-rounded col-lg-5 col-md-9 my-xl-5 my-4">
|
|
|
<div id="loginComponent">
|
|
|
- <h4 class="header mb-4 text-center w-100">Welcome! Log In</h4>
|
|
|
+ <h4 class="header mb-4 text-center w-100">Admin Portal</h4>
|
|
|
<div>
|
|
|
- <div class="text-center">
|
|
|
+ <!-- <div class="text-center">
|
|
|
|
|
|
</div>
|
|
|
<div class="social-login">
|
|
@@ -19,21 +19,21 @@
|
|
|
</div>
|
|
|
<div class="auth-divider">
|
|
|
<span class="text-muted text-nowrap">or continue below</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<form action="{{route('process-log-in')}}" method="post">
|
|
|
@csrf
|
|
|
<div class="mt-3">
|
|
|
<label for="" class="form-label">Email <span class="text-danger">*</span></label>
|
|
|
- <input type="email" class="form-control" required name="email" value="{{old('email')}}">
|
|
|
+ <input type="email" class="form-control py-4" required name="email" value="{{old('email')}}">
|
|
|
</div>
|
|
|
- <div class="mt-3">
|
|
|
+ <div class="mt-4">
|
|
|
<div class="d-flex align-items-start justify-content-between">
|
|
|
<label for="" class="form-label">Password <span class="text-danger">*</span></label>
|
|
|
- <a href="{{route('forgot-password')}}">Forgot password?</a>
|
|
|
+ <a href="{{route('forgot-password')}}" tabindex="-1">Forgot password?</a>
|
|
|
</div>
|
|
|
<div class="password d-flex align-items-center">
|
|
|
<input :type="showPassword ? 'text' : 'password'" required class="border-0" name="password">
|
|
|
- <a href="javascript:;" @click="toggleField" class="d-block text-pry me-2"><i :class="showPassword ? 'far fa-eye' : 'far fa-eye-slash'"></i></a>
|
|
|
+ <a href="javascript:;" @click="toggleField" tabindex="-1" class="d-block text-pry me-2"><i :class="showPassword ? 'far fa-eye' : 'far fa-eye-slash'"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@if(session('message'))
|
|
@@ -46,7 +46,7 @@
|
|
|
<div class="alert alert-danger mt-3 py-1 px-2">{{ session('error') }}</div>
|
|
|
@endif
|
|
|
<div class="mt-4 d-flex align-items-baseline justify-content-around">
|
|
|
- <button class="btn btn-pry py-3 w-100">Log In</button>
|
|
|
+ <button class="btn btn-pry py-2 w-100">Log In</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|