Fix dark mode collection (#1397)

Fix dark mode on Collection Group page in the collection tree. Co-authored-by: Glenn Jacobs <[email protected]>
lunarphp · Jan 4, 2024 · 92ebaa4 · 92ebaa4
1 parent dd5bc14
commit 92ebaa4
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/admin/resources/views/components/collections/nested-set-item.blade.php b/packages/admin/resources/views/components/collections/nested-set-item.blade.php
@@ -9,8 +9,7 @@
 @endphp
 <div class="relative group">
     <div @class([
-        'w-full flex justify-between',
-        'dark:bg-gray-900 dark:border-white/10',
+        'w-full flex justify-between rounded'
     ])>
         <div class="flex w-full space-x-2">
             <div @class([
@@ -20,9 +19,9 @@
                 <x-filament::icon alias="lunar::reorder" class="w-5 h-5" />
             </div>
 
-            <div class="flex grow bg-white border shadow-sm rounded">
+            <div class="flex grow bg-white border-gray-600 dark:bg-gray-900 shadow-sm rounded">
                     <button
-                            class="px-3 text-gray-500 appearance-none disabled:text-gray-50"
+                            class="px-3 text-gray-500 appearance-none"
                             type="button"
                             title=""
                             wire:click.prevent="toggleChildren('{{ $id }}')"
@@ -33,6 +32,7 @@ class="px-3 text-gray-500 appearance-none disabled:text-gray-50"
                                 @class([
                                     'w-3.5 h-3.5 transition ease-in-out duration-200 rtl:rotate-180',
                                     'ltr:rotate-90 rtl:!rotate-90' => !!count($children),
+                                    'opacity-0' => !$childrenCount
                                 ])
                         />
                     </button>
@@ -48,12 +48,12 @@ class="px-3 text-gray-500 appearance-none disabled:text-gray-50"
                     <div class="flex items-center space-x-2">
                         <div>
                             @if($thumbnail)
-                                <img src="{{ $thumbnail }}" class="w-10 border rounded p-0.5">
+                                <img src="{{ $thumbnail }}" class="w-10 border border-gray-100 dark:border-gray-600 rounded p-0.5">
                             @else
                                 <x-filament::icon alias="lunar::image-placeholder" class="p-1 text-gray-200 w-10 h-10" />
                             @endif
                         </div>
-                        <x-filament::link :href="$editUrl" class="text-base">{{ $name }}</x-filament::link>
+                        <x-filament::link :href="$editUrl" class="text-base pl-2">{{ $name }}</x-filament::link>
                     </div>
                 </button>