Merge pull request #13 from atmonshi/improve-sction

improve section UI and add collapse effect
199ocero · Jan 20, 2024 · f558598 · f558598
2 parents 9f1a259 + df076e6
commit f558598
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/resources/views/infolists/components/activity-section.blade.php b/resources/views/infolists/components/activity-section.blade.php
@@ -35,14 +35,14 @@
                 @endphp
 
 
-                <div x-show="@js($index) < totalShowItemsCount" :key="@js(rand())"
+                <div x-show="@js($index) < totalShowItemsCount" x-collapse :key="@js(rand())"
                     @class(['flex flex-col'])>
 
                     <div class="flex gap-x-3">
 
                         <div @class([
                             'relative last:after:hidden',
-                            'after:absolute after:top-7 after:bottom-0 after:start-4 after:w-px after:-translate-x-[0.5px] after:bg-gray-300 dark:after:bg-gray-700' => !$loop->last,
+                            'after:absolute after:top-8 after:bottom-0 after:start-4 after:w-px after:-translate-x-[0.5px] after:bg-gray-300 dark:after:bg-gray-700' => !$loop->last,
                         ])>
                             {{ $activityIcon }}
                         </div>
@@ -80,7 +80,7 @@
                     $color = $getShowItemsColor();
                 @endphp
                 <x-filament::link x-on:click="totalShowItemsCount += showItemsCount" :icon="$icon" :color="$color"
-                    class="cursor-pointer hover:underline">
+                    class="ms-1.5 cursor-pointer hover:underline">
                     {{ $label }}
                 </x-filament::link>
             </div>