add classes (#1242)

* add classes * build
Power-Components · Nov 5, 2023 · f0f54ad · f0f54ad
1 parent 646d80d
commit f0f54ad
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 8 deletions.
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,5 +1,5 @@
 {
     "/powergrid.js": "/powergrid.js?id=93c38e294a5e554c3ab33ee8983ab80a",
     "/tom-select.css": "/tom-select.css?id=df1e7c79b09161e80f1904c1f992e882",
-    "/powergrid.css": "/powergrid.css?id=cc27b8f3b6bf2f424aee745cc63a6a86"
+    "/powergrid.css": "/powergrid.css?id=efa12b9afdedc01efda000997c2e007c"
 }
diff --git a/dist/powergrid.css b/dist/powergrid.css
diff --git a/resources/css/style.css b/resources/css/style.css
@@ -168,3 +168,15 @@ table thead {
 .pg-filter-container {
     @apply py-3;
 }
+
+.pg-enabled-filters-base {
+    @apply flex items-center gap-2 mt-2 md:mt-0 flex-wrap
+}
+
+.pg-enabled-filters-span-clear-all {
+    @apply outline-none inline-flex justify-center items-center rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700
+}
+
+.pg-enabled-filters-span {
+    @apply outline-none inline-flex justify-center items-center rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600
+}
diff --git a/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php b/resources/views/components/frameworks/tailwind/header/enabled-filters.blade.php
@@ -1,9 +1,7 @@
 @if (count($enabledFilters))
-    <div class="flex items-center gap-2 mt-2 md:mt-0 flex-wrap">
+    <div class="pg-enabled-filters-base">
         @if (count($enabledFilters) > 1)
-            <span
-                class="outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-100 bg-pg-primary-500 dark:bg-pg-primary-700"
-            >
+            <span class="group pg-enabled-filters-clear-all">
                 {{ trans('livewire-powergrid::datatable.buttons.clear_all_filters') }}
                 <div class="relative flex items-center w-2 h-2">
                     <button
@@ -19,7 +17,7 @@ class="outline-none inline-flex justify-center items-center group rounded gap-x-
             @isset($filter['label'])
                 <span
                     wire:key="enabled-filters-{{ $field }}"
-                    class="outline-none inline-flex justify-center items-center group rounded gap-x-1 text-xs font-semibold px-2.5 py-0.5 text-pg-primary-600 dark:text-pg-primary-200 bg-pg-primary-100 dark:bg-pg-primary-600"
+                    class="group pg-enabled-filters-span"
                 >
                     {{ $filter['label'] }}
                     <div class="relative flex items-center w-2 h-2">

diff --git a/resources/views/components/frameworks/tailwind/header/filters.blade.php b/resources/views/components/frameworks/tailwind/header/filters.blade.php
@@ -1,5 +1,6 @@
 <div
-    wire:key="toggle-filters-{{ $tableName }}')"
+    wire:key="toggle-filters-{{ $tableName }}"
+    id="toggle-filters"
     class="flex mr-2 mt-2 sm:mt-0 gap-3"
 >
     <button