Update input focus colors + update contact form inputs

veganhacktivists · Feb 6, 2024 · 7687dbe · 7687dbe
1 parent 6aac4bd
commit 7687dbe
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/resources/views/components/input.blade.php b/resources/views/components/input.blade.php
@@ -1,3 +1,3 @@
 @props(['disabled' => false])
 
-<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300    focus:border-indigo-500  focus:ring-indigo-500  rounded-md shadow-sm']) !!}>
+<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 focus:border-blue-200  focus:ring-blue-200  rounded-md shadow-sm']) !!}>
diff --git a/resources/views/contact-auth.blade.php b/resources/views/contact-auth.blade.php
@@ -47,8 +47,8 @@ class="p-2 bg-pine-300 items-center text-white leading-none lg:rounded-full flex
                         <label for="first_name" class="block text-sm font-medium leading-5 text-gray-700">First
                             name</label>
                         <div class="mt-1 relative rounded-md shadow-sm">
-                            <input id="first_name" name="first_name"
-                                class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
+                            <x-input id="first_name" name="first_name"
+                                class="py-3 px-4 block w-full transition ease-in-out duration-150" />
                         </div>
                         @if ($errors->has('first_name'))
                         <div class="text-red-500 font-weight-bold text-center mt-3">
@@ -61,8 +61,8 @@ class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
                         <label for="last_name" class="block text-sm font-medium leading-5 text-gray-700">Last
                             name</label>
                         <div class="mt-1 relative rounded-md shadow-sm">
-                            <input id="last_name" name="last_name"
-                                class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
+                            <x-input id="last_name" name="last_name"
+                                class="py-3 px-4 block w-full transition ease-in-out duration-150" />
                         </div>
                         @if ($errors->has('last_name'))
                         <div class="text-red-500 font-weight-bold text-center mt-3">
@@ -74,8 +74,8 @@ class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
                     <div class="sm:col-span-2">
                         <label for="email" class="block text-sm font-medium leading-5 text-gray-700">Email</label>
                         <div class="mt-1 relative rounded-md shadow-sm">
-                            <input id="email" type="email" name="email"
-                                class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
+                            <x-input id="email" type="email" name="email"
+                                class="py-3 px-4 block w-full transition ease-in-out duration-150" />
                         </div>
                         @if ($errors->has('email'))
                         <div class="text-red-500 font-weight-bold text-center mt-3">
@@ -88,7 +88,7 @@ class="form-input py-3 px-4 block w-full transition ease-in-out duration-150">
                         <label for="message" class="block text-sm font-medium leading-5 text-gray-700">Message</label>
                         <div class="mt-1 relative rounded-md shadow-sm">
                             <textarea id="message" name="message" rows="4"
-                                class="form-textarea py-3 px-4 block w-full transition ease-in-out duration-150"></textarea>
+                                class="border-gray-300 focus:border-blue-200 focus:ring-blue-200 rounded-md shadow-sm py-3 px-4 block w-full transition ease-in-out duration-150"></textarea>
                         </div>
                         @if ($errors->has('message'))
                         <div class="text-red-500 font-weight-bold text-center mt-3">
@@ -111,4 +111,4 @@ class="w-full inline-flex items-center justify-center px-6 py-3 border border-tr
         </div>
     </div>
 
-</x-master>
+</x-master>
diff --git a/resources/views/profile/update-password-form.blade.php b/resources/views/profile/update-password-form.blade.php
@@ -1,7 +1,7 @@
 <x-form-section submit="updatePassword">
     <x-slot name="title">
         {{ __('Update Password') }}
-    </x-slot>
+    </x-slot[^\s]>
 
     <x-slot name="description">
         {{ __('Ensure your account is using a long, random password to stay secure.') }}