style: Fixed modal formatting

vanguardbackup · Aug 2, 2024 · 8edb409 · 8edb409
1 parent e5630c5
commit 8edb409
Show file tree

Hide file tree

Showing 8 changed files with 81 additions and 39 deletions.
diff --git a/resources/views/livewire/backup-destinations/delete-backup-destination-form.blade.php b/resources/views/livewire/backup-destinations/delete-backup-destination-form.blade.php
@@ -7,11 +7,17 @@
         </a>
     </div>
     <x-modal name="remove-backup-destination-{{ $backupDestination->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Remove Backup Destination') }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Remove Backup Destination') }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to remove the backup destination ":label"?', ['label' => $backupDestination->label]) }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/backup-tasks/buttons/clear-log-button.blade.php b/resources/views/livewire/backup-tasks/buttons/clear-log-button.blade.php
@@ -9,11 +9,17 @@
             </a>
         </div>
         <x-modal name="clear-all-backup-task-logs">
-            <div class="p-6">
-                <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                    {{ __('Clear All Backup Task Logs') }}
-                </h2>
-                <p class="text-gray-800 dark:text-gray-200 my-3">
+            <x-slot name="title">
+                {{ __('Clear All Backup Task Logs') }}
+            </x-slot>
+            <x-slot name="description">
+                {{ __('Please read this carefully before confirming this action.') }}
+            </x-slot>
+            <x-slot name="icon">
+                heroicon-o-trash
+            </x-slot>
+            <div>
+                <p class="text-gray-800 dark:text-gray-200 mb-3">
                     {{ __('Are you sure you want to clear your backup task log history?') }}
                 </p>
                 <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/backup-tasks/buttons/delete-backup-task-log-button.blade.php b/resources/views/livewire/backup-tasks/buttons/delete-backup-task-log-button.blade.php
@@ -1,10 +1,16 @@
 <div>
     <x-modal name="backup-task-remove-historic-log-{{ $backupTaskLog->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Clear Backup Task Log - :label', ['label' => $backupTaskLog->backupTask->label]) }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Clear Backup Task Log - :label', ['label' => $backupTaskLog->backupTask->label]) }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to clear this log?') }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/backup-tasks/forms/delete-backup-task-form.blade.php b/resources/views/livewire/backup-tasks/forms/delete-backup-task-form.blade.php
@@ -7,11 +7,17 @@
         </a>
     </div>
     <x-modal name="remove-backup-task-{{ $backupTask->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Remove Backup Task') }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Remove Backup Task') }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to remove the backup task ":label"?', ['label' => $backupTask->label]) }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/notification-streams/buttons/remove-notification-stream.blade.php b/resources/views/livewire/notification-streams/buttons/remove-notification-stream.blade.php
@@ -7,11 +7,17 @@
         </a>
     </div>
     <x-modal name="remove-notification-stream-{{ $notificationStream->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Remove Notification Stream') }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Remove Notification Stream') }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to remove the notification stream ":label"?', ['label' => $notificationStream->label]) }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/profile/delete-user-form.blade.php b/resources/views/livewire/profile/delete-user-form.blade.php
@@ -91,13 +91,12 @@ class="py-2 px-4 bg-amber-50 dark:bg-amber-900/20 text-amber-600 dark:text-amber
                 {{ __('Remove your Account') }}
             </x-slot>
             <x-slot name="description">
-                {{ __('Remove your account from the application.') }}
+                {{ __('Please read this carefully before confirming this action.') }}
             </x-slot>
             <x-slot name="icon">
                 heroicon-o-trash
             </x-slot>
-            <form wire:submit="deleteUser" class="p-6">
-
+            <form wire:submit="deleteUser">
                 <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
                     {{ __('Are you certain you want to proceed with removing your account?') }}
                 </h2>
@@ -138,7 +137,8 @@ class="mt-2 block w-full"
 
                 <div class="flex space-x-5">
                     <div class="w-4/6">
-                        <x-danger-button type="button" wire:click="deleteUser" class="mt-4" centered action="deleteUser" loadingText="Removing...">
+                        <x-danger-button type="button" wire:click="deleteUser" class="mt-4" centered action="deleteUser"
+                                         loadingText="Removing...">
                             {{ __('Confirm Removal') }}
                         </x-danger-button>
                     </div>

diff --git a/resources/views/livewire/remote-servers/delete-remote-server-form.blade.php b/resources/views/livewire/remote-servers/delete-remote-server-form.blade.php
@@ -7,11 +7,17 @@
         </a>
     </div>
     <x-modal name="remove-remote-server-{{ $remoteServer->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Remove Remote Server') }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Remove Remote Server') }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to remove the remote server ":label"?', ['label' => $remoteServer->label]) }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">

diff --git a/resources/views/livewire/tags/delete-tag-button.blade.php b/resources/views/livewire/tags/delete-tag-button.blade.php
@@ -7,11 +7,17 @@
         </a>
     </div>
     <x-modal name="remove-tag-{{ $tag->id }}">
-        <div class="p-6">
-            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-                {{ __('Confirm Tag Removal') }}
-            </h2>
-            <p class="text-gray-800 dark:text-gray-200 my-3">
+        <x-slot name="title">
+            {{ __('Confirm Tag Removal') }}
+        </x-slot>
+        <x-slot name="description">
+            {{ __('Please read this carefully before confirming this action.') }}
+        </x-slot>
+        <x-slot name="icon">
+            heroicon-o-trash
+        </x-slot>
+        <div>
+            <p class="text-gray-800 dark:text-gray-200 mb-3">
                 {{ __('Are you sure you want to remove the tag ":label"?', ['label' => $tag->label]) }}
             </p>
             <p class="text-gray-800 dark:text-gray-200 my-3">