Update README

CodeWithDennis · Oct 17, 2024 · 1c900e4 · 1c900e4
1 parent 4b810d5
commit 1c900e4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -16,6 +16,12 @@ You can install the package via composer:
 composer require codewithdennis/filament-price-filter
 ```
 
+Make sure you add the following to your `tailwind.config.js` file. You will need to create a [theme](https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme) if you haven't already.
+
+```js
+'./vendor/codewithdennis/filament-price-filter/resources/**/*.blade.php'
+```
+
 You can publish the config file with:
 
 ```bash

diff --git a/resources/dist/filament-price-filter.css b/resources/dist/filament-price-filter.css
@@ -0,0 +1 @@
+.filament-price-filter .slider{accent-color:rgba(var(--c-700),var(--tw-text-opacity))}
diff --git a/resources/views/price-filter-slider.blade.php b/resources/views/price-filter-slider.blade.php
@@ -10,7 +10,7 @@
             x-data="priceFilterSlider({
             state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }},
         })"
-            class="price-filter-slider"
+            class="filament-price-filter"
     >
         <span class="text-xs font-bold">
             {{ $symbol }} {{ $getState() ?? 0 }}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		.filament-price-filter .slider{accent-color:rgba(var(--c-700),var(--tw-text-opacity))}