refactor: further toast component adjustments (#621)

ArkEcosystem · May 1, 2024 · 4081475 · 4081475
1 parent 5a8b40d
commit 4081475
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/resources/assets/css/_toasts.css b/resources/assets/css/_toasts.css
@@ -8,7 +8,7 @@
     }
 
     .toast-body {
-        @apply p-4 text-left mr-4 sm:mt-0;
+        @apply p-4 text-left sm:mt-0;
     }
 
     .toast-icon {

diff --git a/resources/views/livewire/toast.blade.php b/resources/views/livewire/toast.blade.php
@@ -1,7 +1,7 @@
 <div class="flex fixed right-0 bottom-0 z-50 flex-col items-end p-5 space-y-3">
     @foreach ($toasts as $key => $toast)
         <div
-            class="z-20 cursor-pointer"
+            class="flex z-20 cursor-pointer"
             x-data="{
                 dismiss() {
                     Livewire.emit('dismissToast', '{{ $key }}')

diff --git a/resources/views/toast.blade.php b/resources/views/toast.blade.php
@@ -55,7 +55,10 @@
         </span>
     </span>
 
-    <div class="toast-body">
+    <div @class([
+        'toast-body',
+        'mr-4' => ! $hideSpinner,
+    ])>
         @if ($message)
             {{ $message }}
         @else