Feature #11: Add Dark Mode to Selectize Selection

Add Plugins Pretier
Add Package spatie-pdf
Update Breadcrumbs style

.prettierrc

@@ -0,0 +1,5 @@
+{
+    "plugins": ["prettier-plugin-tailwindcss"],
+    "tailwindPreserveDuplicates": true,
+    "tailwindConfig": "./tailwind.config.js"
+}

composer.json

@@ -20,6 +20,7 @@
         "nwidart/laravel-modules": "^11.0",
         "opcodesio/log-viewer": "^3.10",
         "spatie/laravel-activitylog": "^4.8",
+        "spatie/laravel-pdf": "^1.5",
         "spatie/laravel-permission": "^6.9",
         "wildside/userstamps": "^2.4"
     },

package.json

@@ -11,6 +11,8 @@
         "axios": "^1.6.4",
         "laravel-vite-plugin": "^1.0",
         "postcss": "^8.4.39",
+        "prettier": "^3.3.3",
+        "prettier-plugin-tailwindcss": "^0.6.6",
         "sass": "^1.77.6",
         "tailwindcss": "^3.4.4",
         "vite": "^5.0"

resources/css/app.scss

@@ -30,6 +30,7 @@
 .full .ts-control {
     background-color: #fff;
 }
+
 .disabled .ts-control, .disabled .ts-control * {
     cursor: default !important;
 }
@@ -394,6 +395,25 @@
     cursor: text;
 }
 
+.dark {
+    .ts-control,
+    .ts-wrapper.single.input-active .ts-control {
+        background: #1f212a;
+        color: #9A9CAE;
+    }
+
+    .ts-dropdown {
+        background: #1f212a;
+        color: #9A9CAE;
+        border-color: #9A9CAE;
+    }
+
+    .ts-dropdown .active{
+        background: #9A9CAE;
+        color: #1f212a;
+    }
+}
+
 .ts-hidden-accessible {
     border: 0 !important;
     clip: rect(0 0 0 0) !important;

resources/views/layouts/breadcrumbs.blade.php

@@ -1,11 +1,16 @@
 @unless ($breadcrumbs->isEmpty())
     <div class="flex [.header_&amp;]:below-lg:hidden items-center gap-1.25 text-xs lg:text-sm font-medium mb-2.5 lg:mb-0" data-reparent="true" data-reparent-mode="prepend|lg:prepend" data-reparent-target="#content_container|lg:#header_container">
         @foreach ($breadcrumbs as $breadcrumb)
-            @if (!is_null($breadcrumb->url) && !$loop->last)
-                <li class="breadcrumb-item"></li>
-                <span class="text-gray-600">
-                    <a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a>
-                </span>
+            @if (!$loop->last)
+                @if(!is_null($breadcrumb->url))
+                    <span class="text-gray-600">
+                        <a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a>
+                    </span>
+                @else
+                    <span class="text-gray-700">
+                        {{ $breadcrumb->title }}
+                    </span>
+                @endif
                 <i class="ki-filled ki-right text-gray-500 text-3xs">
                 </i>
             @else