Add dark mode in BaseEmptyPlaceholder

resources/scripts/components/base/BaseEmptyPlaceholder.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="flex flex-col items-center justify-center mt-16">
+    <div class="relative">
+      <BaseDarkHighlight class="bg-highlight/[.07] top-2" />
+
+      <div class="relative z-5 flex flex-col items-center">
         <div class="flex flex-col items-center justify-center">
-      <slot></slot>
+          <slot />
         </div>
         <div class="mt-2">
           <label class="font-medium">{{ title }}</label>
         </div>
-    <div class="mt-2">
-      <label class="text-gray-500">
+        <div class="mt-2 text-center md:text-left">
+          <label class="text-gray-500 dark:text-gray-400">
             {{ description }}
           </label>
         </div>
@@ -15,6 +19,8 @@
           <slot name="actions" />
         </div>
       </div>
+    </div>
+  </div>
 </template>
 
 <script setup>