mirror of
https://github.com/rowboatlabs/rowboat.git
synced 2026-05-19 18:35:18 +02:00
Highlight entity list selected entity
This commit is contained in:
parent
9994720889
commit
c3181100e9
1 changed files with 7 additions and 1 deletions
|
|
@ -67,7 +67,13 @@ const ListItemWithMenu = ({
|
||||||
statusLabel?: React.ReactNode;
|
statusLabel?: React.ReactNode;
|
||||||
icon?: React.ReactNode;
|
icon?: React.ReactNode;
|
||||||
}) => (
|
}) => (
|
||||||
<div className="group flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-zinc-50 dark:hover:bg-zinc-800">
|
<div className={clsx(
|
||||||
|
"group flex items-center gap-2 px-2 py-1.5 rounded-md",
|
||||||
|
{
|
||||||
|
"bg-indigo-50 dark:bg-indigo-950/30": isSelected,
|
||||||
|
"hover:bg-zinc-50 dark:hover:bg-zinc-800": !isSelected
|
||||||
|
}
|
||||||
|
)}>
|
||||||
<button
|
<button
|
||||||
ref={selectedRef}
|
ref={selectedRef}
|
||||||
className={clsx(
|
className={clsx(
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue