fix:improve modal performance and useability

resources/views/components/ib-alpine-modal.blade.php

@@ -7,6 +7,8 @@
     'persistent' => false
 ])
 
+<div>
+    @teleport('body')
     <dialog 
         x-data="{ open: false }"
         x-on:toggle-{{ $key }}.window="open = !open"
@@ -48,3 +50,5 @@
             </div>
         </template>
     </dialog>
+    @endteleport
+</div>

resources/views/components/ib-form.blade.php

@@ -14,7 +14,7 @@
             <x-section-border class="my-3" />
         @endif
 
-        <div class="flex justify-between gap-3">
+        <div class="flex justify-end gap-3">
             {{ $actions}}
         </div>
     @endif

resources/views/components/ib-livewire-modal.blade.php

@@ -6,6 +6,8 @@
     'persistent' => false
 ])
 
+<div>
+    @teleport('body')
     <dialog
         {{ $attributes->except('wire:model')->class(["modal"]) }}
         x-data="{open: @entangle($attributes->wire('model')).live }"
@@ -44,3 +46,5 @@
             </a>
         </div>
     </dialog>
+    @endteleport
+</div>

resources/views/livewire/manage-portfolio-form.blade.php

@@ -86,9 +86,9 @@ new class extends Component {
                 <x-button 
                     wire:click="$toggle('confirmingPortfolioDeletion')" 
                     wire:loading.attr="disabled"
-                    icon="o-trash"
+                    class="btn  text-error" 
-                    class="btn btn-ghost btn-circle text-error" 
                     title="{{ __('Delete Portfolio') }}"
+                    label="{{ __('Delete Portfolio') }}"
                 />
             @endif
 

resources/views/livewire/manage-transaction-form.blade.php

@@ -160,9 +160,9 @@ new class extends Component {
                 <x-button 
                     wire:click="$toggle('confirmingTransactionDeletion')" 
                     wire:loading.attr="disabled"
-                    icon="o-trash"
+                    class="btn text-error" 
-                    class="btn btn-ghost btn-circle text-error" 
                     title="{{ __('Delete Transaction') }}"
+                    label="{{ __('Delete Transaction') }}"
                 />
             @endif