Make hover effect stand out more

This commit is contained in:
Claudio Ortolina
2026-03-24 11:05:17 +00:00
parent 3e200fc47e
commit 1bd5b54bb5
11 changed files with 15 additions and 15 deletions
@@ -27,7 +27,7 @@ defmodule MusicLibraryWeb.SearchComponents do
<div
class={[
"cursor-pointer rounded-lg p-3 transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700",
"hover:bg-zinc-100 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
]}
role="option"
@@ -90,7 +90,7 @@ defmodule MusicLibraryWeb.SearchComponents do
<div
class={[
"cursor-pointer rounded-lg p-3 transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700",
"hover:bg-zinc-100 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
]}
role="option"
@@ -133,7 +133,7 @@ defmodule MusicLibraryWeb.SearchComponents do
<div
class={[
"cursor-pointer rounded-lg p-3 transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700",
"hover:bg-zinc-100 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
]}
role="option"
@@ -175,7 +175,7 @@ defmodule MusicLibraryWeb.SearchComponents do
<div
class={[
"cursor-pointer rounded-lg p-3 transition-colors",
"hover:bg-zinc-50 dark:hover:bg-zinc-700",
"hover:bg-zinc-100 dark:hover:bg-zinc-700",
"aria-selected:bg-zinc-200 dark:aria-selected:bg-zinc-700"
]}
role="option"