Remove buggy hover effect on table rows

This commit is contained in:
Claudio Ortolina
2024-10-15 19:11:16 +01:00
parent 69e6cc67a2
commit 558a731a89
@@ -498,7 +498,7 @@ defmodule MusicLibraryWeb.CoreComponents do
class={["relative p-0", @row_click && "hover:cursor-pointer"]} class={["relative p-0", @row_click && "hover:cursor-pointer"]}
> >
<div class="block py-4 pr-6"> <div class="block py-4 pr-6">
<span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" /> <span class="absolute -inset-y-px right-0 -left-4 sm:rounded-l-xl" />
<span class={["relative", i == 0 && "font-semibold text-zinc-900"]}> <span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
<%= render_slot(col, @row_item.(row)) %> <%= render_slot(col, @row_item.(row)) %>
</span> </span>
@@ -506,7 +506,7 @@ defmodule MusicLibraryWeb.CoreComponents do
</td> </td>
<td :if={@action != []} class="relative w-14 p-0"> <td :if={@action != []} class="relative w-14 p-0">
<div class="relative whitespace-nowrap py-4 text-right text-sm font-medium"> <div class="relative whitespace-nowrap py-4 text-right text-sm font-medium">
<span class="absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50 sm:rounded-r-xl" /> <span class="absolute -inset-y-px -right-4 left-0 sm:rounded-r-xl" />
<span <span
:for={action <- @action} :for={action <- @action}
class="relative ml-4 max-sm:ml-2 max-sm:text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700" class="relative ml-4 max-sm:ml-2 max-sm:text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"