Fix modal heading and subheading user deletion (#11)

* fix text modal user deletion

* use space-y-6 on form instead on the modal and remove mt-6 on the children

Author: arifbudimanar

resources/views/livewire/settings/delete-user-form.blade.php

@@ -34,21 +34,19 @@ public function deleteUser(Logout $logout): void
         </flux:button>
     </flux:modal.trigger>
 
-    <flux:modal name="confirm-user-deletion" :show="$errors->isNotEmpty()" focusable class="max-w-lg space-y-6">
-        <form wire:submit="deleteUser">
-            <h2 class="text-lg font-medium text-gray-900">
-                {{ __('Are you sure you want to delete your account?') }}
-            </h2>
-
-            <p class="mt-1 text-sm text-gray-600">
-                {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
-            </p>
-
-            <div class="mt-6">
-                <flux:input wire:model="password" id="password" label="{{ __('Password') }}" type="password" name="password" />
+    <flux:modal name="confirm-user-deletion" :show="$errors->isNotEmpty()" focusable class="max-w-lg">
+        <form wire:submit="deleteUser" class="space-y-6">
+            <div>
+                <flux:heading size="lg">{{ __('Are you sure you want to delete your account?') }}</flux:heading>
+
+                <flux:subheading>
+                    {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
+                </flux:subheading>
             </div>
 
-            <div class="mt-6 flex justify-end space-x-2">
+            <flux:input wire:model="password" id="password" label="{{ __('Password') }}" type="password" name="password" />
+
+            <div class="flex justify-end space-x-2">
                 <flux:modal.close>
                     <flux:button variant="filled">{{ __('Cancel') }}</flux:button>
                 </flux:modal.close>