navidrome/ui/src/common/useMenuTooltipStyles.js
Deluan 10a3ea7a21 fix(ui): update tooltip styles for improved visibility and consistency
Signed-off-by: Deluan <deluan@navidrome.org>
2026-03-15 14:29:47 -04:00

24 lines
619 B
JavaScript

import { makeStyles } from '@material-ui/core/styles'
const useMenuTooltipStyles = makeStyles(
(theme) => ({
tooltip: {
backgroundColor:
theme.palette.type === 'dark'
? 'rgba(97, 97, 97, 0.92)'
: 'rgba(224, 224, 224, 0.92)',
color:
theme.palette.type === 'dark'
? theme.palette.common.white
: theme.palette.common.black,
borderRadius: theme.shape.borderRadius,
...theme.typography.body2,
padding: theme.spacing(0.5, 1),
maxWidth: 300,
},
}),
{ name: 'NDOverflowTooltip' },
)
export default useMenuTooltipStyles