improve look of registration and email verify

butburg · Aug 25, 2024 · 7dda0ab · 7dda0ab
1 parent 6ce3475
commit 7dda0ab
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 9 deletions.
diff --git a/src/resources/views/auth/forgot-password.blade.php b/src/resources/views/auth/forgot-password.blade.php
@@ -4,19 +4,23 @@
     </div>
 
     <!-- Session Status -->
-    <x-auth-session-status class="mb-4" :status="session('status')" />
-
+    @if (session('status'))
+        <div
+            class="inline-flex items-center rounded-md bg-c-accent px-4 py-2 text-xs font-semibold tracking-widest text-gray-700 shadow-sm">
+            {{ session('status') }}</div>
+    @endif
     <form method="POST" action="{{ route('password.email') }}">
         @csrf
 
         <!-- Email Address -->
         <div>
             <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-input-error :messages="$errors->get('email')" class="mt-2" />
+            <x-text-input class="mt-1 block w-full" id="email" name="email" type="email" :value="old('email')" required
+                autofocus />
+            <x-input-error class="mt-2" :messages="$errors->get('email')" />
         </div>
 
-        <div class="flex items-center justify-end mt-4">
+        <div class="mt-4 flex items-center justify-end">
             <x-primary-button>
                 {{ __('Email Password Reset Link') }}
             </x-primary-button>

diff --git a/src/resources/views/auth/register.blade.php b/src/resources/views/auth/register.blade.php
@@ -21,14 +21,15 @@
 
             <!-- Password -->
             <div class="mt-4">
-                <x-input-label for="password" :value="__('Password')" />
+                <x-input-label for="password" :value="__('New Password')" />
 
                 <x-text-input class="mt-1 block w-full" id="password" name="password" type="password" required
                     autocomplete="new-password" />
 
                 <x-input-error class="mt-2" :messages="$errors->get('password')" />
             </div>
 
+            {{-- Removed for eady of usage
             <!-- Confirm Password -->
             <div class="mt-4">
                 <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
@@ -38,7 +39,8 @@
 
                 <x-input-error class="mt-2" :messages="$errors->get('password_confirmation')" />
             </div>
-
+            --}}
+            <!-- Check for privacy policy -->
             <div class="mt-4 flex items-center">
                 <input
                     class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500"

diff --git a/src/resources/views/auth/verify-email.blade.php b/src/resources/views/auth/verify-email.blade.php
@@ -1,5 +1,5 @@
 <x-app-layout>
-    <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+    <div class="bg-white overflow-hidden shadow-sm">
         <div class="p-6 text-gray-900">
             <div class="mb-4 text-sm text-gray-600">
                 {{ __('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.') }}

diff --git a/src/resources/views/components/modal.blade.php b/src/resources/views/components/modal.blade.php
@@ -65,7 +65,7 @@ class="fixed inset-0 transform transition-all"
 
     <div
         x-show="show"
-        class="mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
+        class="mb-6 bg-c-background rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
         x-transition:enter="ease-out duration-300"
         x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"