nucleo000/planilla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #28 from josedario87/codex/fix-hover-functionality-in-nucleotable

Browse Source 
Fix accent color hover
This commit is contained in:
josedario87
2025-06-03 14:22:02 -06:00
committed by GitHub
parent 1d95fbc416 adcce89f42
commit 11be1ddfbc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/ui/NucleoTable.vue
View File

@@ -20,8 +20,8 @@
<tr <tr
v-for="(item, index) in items" v-for="(item, index) in items"
:key="item.id || index" :key="item.id || index"
class="transition-colors duration-150 ease-in-out" class="transition-colors duration-150 ease-in-out hover:bg-[var(--row-hover-color)]/10 dark:hover:bg-[var(--row-hover-color)]/20"
:class="[`hover:bg-[var(${props.accentColor})]/10 dark:hover:bg-[var(${props.accentColor})]/20`]" :style="{ '--row-hover-color': `var(${props.accentColor})` }"
> >
<td v-for="column in columns" :key="column.key" class="px-4 py-3 sm:px-6 sm:py-4 whitespace-nowrap text-sm text-gray-700 dark:text-slate-300"> <td v-for="column in columns" :key="column.key" class="px-4 py-3 sm:px-6 sm:py-4 whitespace-nowrap text-sm text-gray-700 dark:text-slate-300">
<slot :name="`cell-${column.key}`" :item="item" :index="index"> <slot :name="`cell-${column.key}`" :item="item" :index="index">