ui adjustment

laravel · Feb 24, 2024 · 4f14754 · 4f14754
1 parent 56cdd7f
commit 4f14754
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 18 deletions.
diff --git a/src/Auth/bootstrap-stubs/auth/passwords/confirm.stub b/src/Auth/bootstrap-stubs/auth/passwords/confirm.stub
@@ -4,10 +4,14 @@
 	<div class="container h-100 d-flex align-items-center justify-content-center">
 		<div class="row justify-content-center w-100">
 			<div class="col-md-4">
-				<div class="card bg-white px-2 border-0">
+				<div class="card bg-white px-2 border-0 shadow-sm">
 
 					<div class="card-body">
-						{{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
+						<h5 class="card-title">{{ __('Confirm Password') }}</h5>
+
+						<div class="card-text mb-3">
+							{{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
+						</div>
 
 						<form method="POST" action="{{ route('password.confirm') }}">
 							@csrf
@@ -26,6 +30,12 @@
 							</div>
 
 							<div class="mb-0 text-end">
+								@if (Route::has('password.request'))
+									<a class="btn btn-link" href="{{ route('password.request') }}">
+										{{ __('Forgot Your Password?') }}
+									</a>
+								@endif
+
 								<button type="submit" class="btn btn-primary">
 									{{ __('Confirm') }}
 								</button>

diff --git a/src/Auth/bootstrap-stubs/auth/verify.stub b/src/Auth/bootstrap-stubs/auth/verify.stub
@@ -1,24 +1,25 @@
 @extends('layouts.app')
 
 @section('content')
-<div class="container h-100 d-flex align-items-center justify-content-center">
-    <div class="row justify-content-center">
-        <div class="col-md-4">
-            <div class="card bg-white px-2">
-                <div class="card-header">{{ __('Verify Your Email Address') }}</div>
+<div class="container">
+    <div class="row justify-content-center py-4">
+        <div class="col-md-6">
+            <div class="card bg-white px-2 border-0 shadow-sm">
 
                 <div class="card-body">
+                    <h5 class="card-title">{{ __('Verify Your Email Address') }}</h5>
+                    <div class="card-text mb-3">
+                        Thanks for signing up! Before getting started, could you verify your email address by clicking on the link
+                        we just emailed to you? If you didn't receive the email, we will gladly send you another.
+                    </div>
                     @if (session('resent'))
-                        <div class="alert alert-success" role="alert">
-                            {{ __('A fresh verification link has been sent to your email address.') }}
+                        <div class="alert alert-success mb-3" role="alert">
+                            {{ __('A new verification link has been sent to the email address you provided during registration.') }}
                         </div>
                     @endif
-
-                    {{ __('Before proceeding, please check your email for a verification link.') }}
-                    {{ __('If you did not receive the email') }},
-                    <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
+                    <form method="POST" action="{{ route('verification.resend') }}">
                         @csrf
-                        <button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('Resend Verification Email') }}</button>.
+                        <button type="submit" class="btn btn-primary">{{ __('Resend Verification Email') }}</button>
                     </form>
                 </div>
             </div>

diff --git a/src/Auth/bootstrap-stubs/home.stub b/src/Auth/bootstrap-stubs/home.stub
@@ -4,10 +4,10 @@
 <div class="container">
     <div class="row justify-content-center py-4">
         <div class="col-md-8">
-            <div class="card bg-white">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+            <div class="card bg-white border-0 shadow-sm">
 
                 <div class="card-body">
+                    <h5 class="card-title">{{ __('Dashboard') }}</h5>
                     @if (session('status'))
                         <div class="alert alert-success" role="alert">
                             {{ session('status') }}

diff --git a/src/Auth/bootstrap-stubs/layouts/app.stub b/src/Auth/bootstrap-stubs/layouts/app.stub
@@ -49,8 +49,7 @@
 
 									<div class="dropdown-menu dropdown-menu-end bg-white" aria-labelledby="navbarDropdown">
 										<a class="dropdown-item" href="{{ route('logout') }}"
-											onclick="event.preventDefault();
-																									 document.getElementById('logout-form').submit();">
+											onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
 											{{ __('Log Out') }}
 										</a>