change input style and auto focus

Author: steven-fox

resources/views/livewire/purchase-modal.blade.php

@@ -50,7 +50,7 @@ class="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl dark:bg-mirage"
 
                 <form
                     wire:submit.prevent="emitEmail"
-                    class="space-y-6"
+                    class="space-y-8"
                 >
                     <div>
                         <label
@@ -63,9 +63,10 @@ class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
                             type="email"
                             id="email"
                             wire:model.blur="email"
-                            class="w-full rounded-lg border border-gray-300 px-4 py-2.5 focus:border-purple-500 focus:outline-none focus:ring-2 focus:ring-purple-500/50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:focus:border-purple-400"
+                            class="w-full rounded-lg border border-gray-300 px-4 py-2.5 focus:border-purple-400 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white"
                             placeholder="[email protected]"
                             required
+                            x-effect="if (open) $nextTick(() => $el.focus())"
                         />
                         @error('email')
                             <p class="mt-1 text-sm text-red-600">