Feature #11: Add Dark Mode to Selectize Selection

Add Plugins Pretier
Add Package spatie-pdf
Update Breadcrumbs style
This commit is contained in:
Daeng Deni Mardaeni 2024-08-12 21:59:49 +07:00
parent dded90da18
commit b9e3066e47
5 changed files with 38 additions and 5 deletions

5
.prettierrc Normal file
View File

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

View File

@ -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"
},

View File

@ -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"

View File

@ -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;

View File

@ -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