properly handle overflow on sidebar items (#971)

This commit is contained in:
jeffvli 2025-06-29 18:56:46 -07:00
parent 88be98f703
commit 8eb591bd08
5 changed files with 39 additions and 6 deletions

View file

@ -1,4 +1,5 @@
import { closeAllModals, openModal } from '@mantine/modals';
import clsx from 'clsx';
import { MouseEvent, useCallback, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { generatePath } from 'react-router';
@ -43,6 +44,9 @@ const PlaylistRowButton = ({ name, onPlay, to, ...props }: PlaylistRowButtonProp
onMouseLeave={() => setIsHovered(false)}
>
<SidebarItem
className={clsx({
[styles.rowHover]: isHovered,
})}
to={url}
variant="subtle"
{...props}