Merge pull request #17 from greg0x46/master

add row cssClasses
abordage · Mar 26, 2023 · ff8d950 · ff8d950
2 parents 982f5d8 + 40f4e53
commit ff8d950
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -98,6 +98,7 @@ class MyTableCard extends TableCard
             $rows[] = [
                 'title' => $model->name,
                 'subtitle' => $model->email,
+                'cssClasses' => ['text-red-500'],
                 'viewUrl' => $this->getResourceUrl($model),
                 'editUrl' => $this->getResourceUrl($model) . '/edit',
             ];

diff --git a/dist/js/card.js b/dist/js/card.js
diff --git a/resources/js/components/Card.vue b/resources/js/components/Card.vue
@@ -4,7 +4,6 @@
 
         <table v-if="card.rows.length" class="w-full table-default" cellpadding="0" cellspacing="0" data-testid="resource-table">
             <tr v-for="item in card.rows" class="group">
-
                 <td class="
                     text-left
                     text-90
@@ -15,7 +14,9 @@
                     dark:border-gray-700
                     dark:bg-gray-800
                     group-hover:bg-gray-50
-                    dark:group-hover:bg-gray-900">
+                    dark:group-hover:bg-gray-900"
+                    :class="item.cssClasses"
+                >
                     {{ item.title }}
                     <div v-if="item.subtitle" class="text-xs text-gray-400">{{ item.subtitle }}</div>
                 </td>