feat(table): add hover state for rows

jbaubree · Aug 16, 2023 · b6225ec · b6225ec
1 parent d5bd9eb
commit b6225ec
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/table/UTable.vue b/src/components/table/UTable.vue
@@ -99,7 +99,7 @@ function onSort(column: { key: string; direction?: 'asc' | 'desc' }) {
       <tbody :class="config.tbody">
         <tr
           v-for="(row, index) in rows" :key="index"
-          :class="[config.tr.base, isSelected(row) && config.tr.selected]"
+          :class="[config.tr.base, config.tr.hover, isSelected(row) && config.tr.selected]"
           @click="emit('row-clicked', row)"
         >
           <td class="w-0 pl-4">

diff --git a/src/components/table/table.ts b/src/components/table/table.ts
@@ -7,6 +7,7 @@ export const table = {
   tr: {
     base: '',
     selected: 'bg-light-200 dark:bg-dark-700',
+    hover: 'hover:bg-light-200 hover:dark:bg-dark-700',
   },
   th: {
     base: 'text-left font-normal',